Theme 037A

Category

Tag

All Colors

画像の配置

/temp/unittest/parts/001_frameWithHCaptionNumIcon-1_acrePartsMain1_f04.md
  • f04

ブロック名称:画像の配置

バリエーション1
お客さまにお伝えしたい

当社の3つの特徴

characteristic

当社の3つの特徴について詳しくご紹介いたします。

○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
地元の特性を把握

地域密着型

Community-based

画像の説明を入力してください(フォントが小さく設定された文章です)

地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。

詳しくはこちらをクリック
お客さまとの対話を重視

時間をかけたカウンセリング

Counseling

画像の説明を入力してください(フォントが小さく設定された文章です)

お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。

詳しくはこちらをクリック
平日お忙しい方のために

土日祝日もご相談を受付

Open on holidays

画像の説明を入力してください(フォントが小さく設定された文章です)

土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。

詳しくはこちらをクリック
明朗会計で安心

パッケージプラン

Package

画像の説明を入力してください(フォントが小さく設定された文章です)

当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。

詳しくはこちらをクリック
長くお付き合いしていきたいから

充実のフォロー体制

After-sales Service

画像の説明を入力してください(フォントが小さく設定された文章です)

当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="outerHtml" data-cms-path="data.contents.55"></div>
        <div class="t0-b-frameWithHCaptionNumIcon">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon__hd t0-b-frameWithHCaptionNumIcon__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-caption-upper" data-cms-path="data.contents.0">お客さまにお伝えしたい</div>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-caption-lower" data-cms-path="data.contents.2">characteristic</div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon__bd">
                <span><span><span></span></span></span>
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg">
                        <p data-cms-path="data.contents.3">当社の3つの特徴について詳しくご紹介いたします。</p>
                    </div>
                </div>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.4">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.6">Results</div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgL ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.9">地元の特性を把握</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.11">Community-based</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgL ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.14">お客さまとの対話を重視</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.16">Counseling</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgL ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-4"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.19">平日お忙しい方のために</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.20">土日祝日もご相談を受付</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.21">Open on holidays</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.23.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgL ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row4col1 outerHtml" data-cms-path="data.contents.22">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row4col2">
                                <div class="outerHtml" data-cms-path="data.contents.23">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-5"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.24">明朗会計で安心</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.25">パッケージプラン</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.26">Package</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.28.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgL ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row5col1 outerHtml" data-cms-path="data.contents.27">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row5col2">
                                <div class="outerHtml" data-cms-path="data.contents.28">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-6"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.29">長くお付き合いしていきたいから</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.30">充実のフォロー体制</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.31">After-sales Service</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.33.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgL ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row6col1 outerHtml" data-cms-path="data.contents.32">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row6col2">
                                <div class="outerHtml" data-cms-path="data.contents.33">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-7"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.34">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.35">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.36">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.38.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgL ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row7col1 outerHtml" data-cms-path="data.contents.37">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row7col2">
                                <div class="outerHtml" data-cms-path="data.contents.38">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-8"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.39">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.40">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.41">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.43.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgL ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row8col1 outerHtml" data-cms-path="data.contents.42">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row8col2">
                                <div class="outerHtml" data-cms-path="data.contents.43">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-9"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.44">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.45">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.46">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.48.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgL ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row9col1 outerHtml" data-cms-path="data.contents.47">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row9col2">
                                <div class="outerHtml" data-cms-path="data.contents.48">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-10"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.49">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.50">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.51">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.53.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgL ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row10col1 outerHtml" data-cms-path="data.contents.52">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row10col2">
                                <div class="outerHtml" data-cms-path="data.contents.53">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.54"></div>
    </div>
</div>
バリエーション2
お客さまにお伝えしたい

当社の3つの特徴

characteristic

当社の3つの特徴について詳しくご紹介いたします。

○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
地元の特性を把握

地域密着型

Community-based

画像の説明を入力してください(フォントが小さく設定された文章です)

地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。

詳しくはこちらをクリック
お客さまとの対話を重視

時間をかけたカウンセリング

Counseling

画像の説明を入力してください(フォントが小さく設定された文章です)

お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。

詳しくはこちらをクリック
平日お忙しい方のために

土日祝日もご相談を受付

Open on holidays

画像の説明を入力してください(フォントが小さく設定された文章です)

土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。

詳しくはこちらをクリック
明朗会計で安心

パッケージプラン

Package

画像の説明を入力してください(フォントが小さく設定された文章です)

当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。

詳しくはこちらをクリック
長くお付き合いしていきたいから

充実のフォロー体制

After-sales Service

画像の説明を入力してください(フォントが小さく設定された文章です)

当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="outerHtml" data-cms-path="data.contents.55"></div>
        <div class="t0-b-frameWithHCaptionNumIcon2">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon2__hd t0-b-frameWithHCaptionNumIcon2__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-caption-upper" data-cms-path="data.contents.0">お客さまにお伝えしたい</div>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-caption-lower" data-cms-path="data.contents.2">characteristic</div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon2__bd">
                <span><span><span></span></span></span>
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg">
                        <p data-cms-path="data.contents.3">当社の3つの特徴について詳しくご紹介いたします。</p>
                    </div>
                </div>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.4">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.6">Results</div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgL ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.9">地元の特性を把握</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.11">Community-based</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgL ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.14">お客さまとの対話を重視</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.16">Counseling</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgL ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-4"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.19">平日お忙しい方のために</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.20">土日祝日もご相談を受付</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.21">Open on holidays</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.23.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgL ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row4col1 outerHtml" data-cms-path="data.contents.22">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row4col2">
                                <div class="outerHtml" data-cms-path="data.contents.23">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-5"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.24">明朗会計で安心</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.25">パッケージプラン</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.26">Package</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.28.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgL ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row5col1 outerHtml" data-cms-path="data.contents.27">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row5col2">
                                <div class="outerHtml" data-cms-path="data.contents.28">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-6"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.29">長くお付き合いしていきたいから</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.30">充実のフォロー体制</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.31">After-sales Service</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.33.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgL ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row6col1 outerHtml" data-cms-path="data.contents.32">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row6col2">
                                <div class="outerHtml" data-cms-path="data.contents.33">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-7"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.34">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.35">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.36">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.38.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgL ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row7col1 outerHtml" data-cms-path="data.contents.37">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row7col2">
                                <div class="outerHtml" data-cms-path="data.contents.38">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-8"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.39">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.40">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.41">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.43.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgL ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row8col1 outerHtml" data-cms-path="data.contents.42">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row8col2">
                                <div class="outerHtml" data-cms-path="data.contents.43">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-9"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.44">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.45">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.46">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.48.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgL ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row9col1 outerHtml" data-cms-path="data.contents.47">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row9col2">
                                <div class="outerHtml" data-cms-path="data.contents.48">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-10"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.49">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.50">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.51">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.53.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgL ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row10col1 outerHtml" data-cms-path="data.contents.52">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row10col2">
                                <div class="outerHtml" data-cms-path="data.contents.53">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.54"></div>
    </div>
</div>
バリエーション1
お客さまにお伝えしたい

当社の3つの特徴

characteristic

当社の3つの特徴について詳しくご紹介いたします。

○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
地元の特性を把握

地域密着型

Community-based

画像の説明を入力してください(フォントが小さく設定された文章です)

地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。

詳しくはこちらをクリック
お客さまとの対話を重視

時間をかけたカウンセリング

Counseling

画像の説明を入力してください(フォントが小さく設定された文章です)

お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。

詳しくはこちらをクリック
平日お忙しい方のために

土日祝日もご相談を受付

Open on holidays

画像の説明を入力してください(フォントが小さく設定された文章です)

土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。

詳しくはこちらをクリック
明朗会計で安心

パッケージプラン

Package

画像の説明を入力してください(フォントが小さく設定された文章です)

当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。

詳しくはこちらをクリック
長くお付き合いしていきたいから

充実のフォロー体制

After-sales Service

画像の説明を入力してください(フォントが小さく設定された文章です)

当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="outerHtml" data-cms-path="data.contents.55"></div>
        <div class="t0-b-frameWithHCaptionNumIcon">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon__hd t0-b-frameWithHCaptionNumIcon__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-caption-upper" data-cms-path="data.contents.0">お客さまにお伝えしたい</div>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-caption-lower" data-cms-path="data.contents.2">characteristic</div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon__bd">
                <span><span><span></span></span></span>
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg">
                        <p data-cms-path="data.contents.3">当社の3つの特徴について詳しくご紹介いたします。</p>
                    </div>
                </div>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.4">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.6">Results</div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.9">地元の特性を把握</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.11">Community-based</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.14">お客さまとの対話を重視</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.16">Counseling</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-4"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.19">平日お忙しい方のために</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.20">土日祝日もご相談を受付</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.21">Open on holidays</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.23.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row4col1 outerHtml" data-cms-path="data.contents.22">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row4col2">
                                <div class="outerHtml" data-cms-path="data.contents.23">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-5"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.24">明朗会計で安心</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.25">パッケージプラン</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.26">Package</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.28.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row5col1 outerHtml" data-cms-path="data.contents.27">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row5col2">
                                <div class="outerHtml" data-cms-path="data.contents.28">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-6"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.29">長くお付き合いしていきたいから</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.30">充実のフォロー体制</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.31">After-sales Service</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.33.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row6col1 outerHtml" data-cms-path="data.contents.32">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row6col2">
                                <div class="outerHtml" data-cms-path="data.contents.33">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-7"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.34">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.35">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.36">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.38.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row7col1 outerHtml" data-cms-path="data.contents.37">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row7col2">
                                <div class="outerHtml" data-cms-path="data.contents.38">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-8"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.39">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.40">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.41">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.43.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row8col1 outerHtml" data-cms-path="data.contents.42">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row8col2">
                                <div class="outerHtml" data-cms-path="data.contents.43">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-9"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.44">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.45">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.46">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.48.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row9col1 outerHtml" data-cms-path="data.contents.47">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row9col2">
                                <div class="outerHtml" data-cms-path="data.contents.48">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-10"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-upper" data-cms-path="data.contents.49">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.50">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon__numIcon-caption-lower" data-cms-path="data.contents.51">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.53.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row10col1 outerHtml" data-cms-path="data.contents.52">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row10col2">
                                <div class="outerHtml" data-cms-path="data.contents.53">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.54"></div>
    </div>
</div>
バリエーション2
お客さまにお伝えしたい

当社の3つの特徴

characteristic

当社の3つの特徴について詳しくご紹介いたします。

○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
地元の特性を把握

地域密着型

Community-based

画像の説明を入力してください(フォントが小さく設定された文章です)

地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。

詳しくはこちらをクリック
お客さまとの対話を重視

時間をかけたカウンセリング

Counseling

画像の説明を入力してください(フォントが小さく設定された文章です)

お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。

詳しくはこちらをクリック
平日お忙しい方のために

土日祝日もご相談を受付

Open on holidays

画像の説明を入力してください(フォントが小さく設定された文章です)

土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。

詳しくはこちらをクリック
明朗会計で安心

パッケージプラン

Package

画像の説明を入力してください(フォントが小さく設定された文章です)

当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。

詳しくはこちらをクリック
長くお付き合いしていきたいから

充実のフォロー体制

After-sales Service

画像の説明を入力してください(フォントが小さく設定された文章です)

当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
○年以上の実績

豊富な経験と高い技術力

Results

画像の説明を入力してください(フォントが小さく設定された文章です)

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="outerHtml" data-cms-path="data.contents.55"></div>
        <div class="t0-b-frameWithHCaptionNumIcon2">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon2__hd t0-b-frameWithHCaptionNumIcon2__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-caption-upper" data-cms-path="data.contents.0">お客さまにお伝えしたい</div>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-caption-lower" data-cms-path="data.contents.2">characteristic</div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon2__bd">
                <span><span><span></span></span></span>
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg">
                        <p data-cms-path="data.contents.3">当社の3つの特徴について詳しくご紹介いたします。</p>
                    </div>
                </div>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.4">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.6">Results</div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.9">地元の特性を把握</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.11">Community-based</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.14">お客さまとの対話を重視</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.16">Counseling</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-4"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.19">平日お忙しい方のために</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.20">土日祝日もご相談を受付</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.21">Open on holidays</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.23.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row4col1 outerHtml" data-cms-path="data.contents.22">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row4col2">
                                <div class="outerHtml" data-cms-path="data.contents.23">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-5"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.24">明朗会計で安心</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.25">パッケージプラン</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.26">Package</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.28.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row5col1 outerHtml" data-cms-path="data.contents.27">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row5col2">
                                <div class="outerHtml" data-cms-path="data.contents.28">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-6"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.29">長くお付き合いしていきたいから</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.30">充実のフォロー体制</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.31">After-sales Service</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.33.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row6col1 outerHtml" data-cms-path="data.contents.32">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row6col2">
                                <div class="outerHtml" data-cms-path="data.contents.33">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-7"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.34">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.35">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.36">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.38.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row7col1 outerHtml" data-cms-path="data.contents.37">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row7col2">
                                <div class="outerHtml" data-cms-path="data.contents.38">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-8"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.39">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.40">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.41">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.43.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row8col1 outerHtml" data-cms-path="data.contents.42">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row8col2">
                                <div class="outerHtml" data-cms-path="data.contents.43">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-9"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.44">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.45">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.46">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.48.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row9col1 outerHtml" data-cms-path="data.contents.47">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row9col2">
                                <div class="outerHtml" data-cms-path="data.contents.48">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-10"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.49">○年以上の実績</div>
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.50">豊富な経験と高い技術力</h4>
                                <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.51">Results</div>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.53.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row10col1 outerHtml" data-cms-path="data.contents.52">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row10col2">
                                <div class="outerHtml" data-cms-path="data.contents.53">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.54"></div>
    </div>
</div>

画像の配置

/temp/unittest/parts/002_twoColsMediaWithNumIcon-1_acrePartsMain2_f04.md
  • f04

ブロック名称:画像の配置

バリエーション1

当社の3つの特徴

当社の3つの特徴について詳しくご紹介いたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

地元の特性を把握

地域密着型

Community-based

地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。

お客さまとの対話を重視

時間をかけたカウンセリング

Counseling

お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。

平日お忙しい方のために

土日祝日もご相談を受付

Open on holidays

土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。

明朗会計で安心

パッケージプラン

Package

当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。

長くお付き合いしていきたいから

充実のフォロー体制

After-sales Service

当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon">
            <div class="t0-b-twoColsMediaWithNumIcon__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-4s">

                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                            <span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-lv3H__iconPlacer">
                                    <span class="t0-b-lv3H__icon"></span>
                                </div>
                                <h3 data-cms-path="data.contents.0">当社の3つの特徴</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ex-leftSpacingTweak-spread-3s">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>当社の3つの特徴について詳しくご紹介いたします。</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.1">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.3">Results</div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgL ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.6">地元の特性を把握</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.8">Community-based</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgL ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.11">お客さまとの対話を重視</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.13">Counseling</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgL ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-4"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.16">平日お忙しい方のために</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.17">土日祝日もご相談を受付</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.18">Open on holidays</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.20.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgL ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row4col1 outerHtml" data-cms-path="data.contents.19">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row4col2">
                                <div class="outerHtml" data-cms-path="data.contents.20">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-5"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.21">明朗会計で安心</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.22">パッケージプラン</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.23">Package</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.25.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgL ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row5col1 outerHtml" data-cms-path="data.contents.24">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row5col2">
                                <div class="outerHtml" data-cms-path="data.contents.25">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-6"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.26">長くお付き合いしていきたいから</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.27">充実のフォロー体制</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.28">After-sales Service</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.30.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgL ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row6col1 outerHtml" data-cms-path="data.contents.29">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row6col2">
                                <div class="outerHtml" data-cms-path="data.contents.30">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-7"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.31">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.32">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.33">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.35.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgL ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row7col1 outerHtml" data-cms-path="data.contents.34">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row7col2">
                                <div class="outerHtml" data-cms-path="data.contents.35">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-8"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.36">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.37">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.38">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.40.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgL ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row8col1 outerHtml" data-cms-path="data.contents.39">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row8col2">
                                <div class="outerHtml" data-cms-path="data.contents.40">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-9"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.41">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.42">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.43">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.45.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgL ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row9col1 outerHtml" data-cms-path="data.contents.44">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row9col2">
                                <div class="outerHtml" data-cms-path="data.contents.45">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-10"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.46">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.47">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.48">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.50.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgL ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row10col1 outerHtml" data-cms-path="data.contents.49">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row10col2">
                                <div class="outerHtml" data-cms-path="data.contents.50">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.51">
            <div>
                <div class="b-bPlacer-4s">
                    <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                        <div data-cms-path="data.contents.0">
                            <span></span>
                            <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2

当社の3つの特徴

当社の3つの特徴について詳しくご紹介いたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

地元の特性を把握

地域密着型

Community-based

地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。

お客さまとの対話を重視

時間をかけたカウンセリング

Counseling

お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。

平日お忙しい方のために

土日祝日もご相談を受付

Open on holidays

土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。

明朗会計で安心

パッケージプラン

Package

当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。

長くお付き合いしていきたいから

充実のフォロー体制

After-sales Service

当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon2">
            <div class="t0-b-twoColsMediaWithNumIcon2__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-4s">

                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                            <span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-lv3H__iconPlacer">
                                    <span class="t0-b-lv3H__icon"></span>
                                </div>
                                <h3 data-cms-path="data.contents.0">当社の3つの特徴</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ex-leftSpacingTweak-spread-3s">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>当社の3つの特徴について詳しくご紹介いたします。</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon2__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.1">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.3">Results</div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgL ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.6">地元の特性を把握</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.8">Community-based</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgL ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.11">お客さまとの対話を重視</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.13">Counseling</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgL ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-4"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.16">平日お忙しい方のために</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.17">土日祝日もご相談を受付</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.18">Open on holidays</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.20.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgL ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row4col1 outerHtml" data-cms-path="data.contents.19">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row4col2">
                                <div class="outerHtml" data-cms-path="data.contents.20">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-5"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.21">明朗会計で安心</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.22">パッケージプラン</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.23">Package</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.25.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgL ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row5col1 outerHtml" data-cms-path="data.contents.24">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row5col2">
                                <div class="outerHtml" data-cms-path="data.contents.25">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-6"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.26">長くお付き合いしていきたいから</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.27">充実のフォロー体制</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.28">After-sales Service</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.30.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgL ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row6col1 outerHtml" data-cms-path="data.contents.29">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row6col2">
                                <div class="outerHtml" data-cms-path="data.contents.30">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-7"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.31">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.32">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.33">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.35.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgL ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row7col1 outerHtml" data-cms-path="data.contents.34">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row7col2">
                                <div class="outerHtml" data-cms-path="data.contents.35">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-8"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.36">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.37">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.38">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.40.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgL ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row8col1 outerHtml" data-cms-path="data.contents.39">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row8col2">
                                <div class="outerHtml" data-cms-path="data.contents.40">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-9"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.41">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.42">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.43">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.45.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgL ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row9col1 outerHtml" data-cms-path="data.contents.44">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row9col2">
                                <div class="outerHtml" data-cms-path="data.contents.45">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-10"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.46">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.47">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.48">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.50.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgL ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row10col1 outerHtml" data-cms-path="data.contents.49">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row10col2">
                                <div class="outerHtml" data-cms-path="data.contents.50">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.51">
            <div>
                <div class="b-bPlacer-4s">
                    <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                        <div data-cms-path="data.contents.0">
                            <span></span>
                            <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1

当社の3つの特徴

当社の3つの特徴について詳しくご紹介いたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

地元の特性を把握

地域密着型

Community-based

地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。

お客さまとの対話を重視

時間をかけたカウンセリング

Counseling

お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。

平日お忙しい方のために

土日祝日もご相談を受付

Open on holidays

土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。

明朗会計で安心

パッケージプラン

Package

当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。

長くお付き合いしていきたいから

充実のフォロー体制

After-sales Service

当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon">
            <div class="t0-b-twoColsMediaWithNumIcon__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-4s">

                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                            <span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-lv3H__iconPlacer">
                                    <span class="t0-b-lv3H__icon"></span>
                                </div>
                                <h3 data-cms-path="data.contents.0">当社の3つの特徴</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ex-leftSpacingTweak-spread-3s">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>当社の3つの特徴について詳しくご紹介いたします。</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.1">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.3">Results</div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.6">地元の特性を把握</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.8">Community-based</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.11">お客さまとの対話を重視</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.13">Counseling</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-4"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.16">平日お忙しい方のために</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.17">土日祝日もご相談を受付</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.18">Open on holidays</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.20.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row4col1 outerHtml" data-cms-path="data.contents.19">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row4col2">
                                <div class="outerHtml" data-cms-path="data.contents.20">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-5"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.21">明朗会計で安心</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.22">パッケージプラン</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.23">Package</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.25.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row5col1 outerHtml" data-cms-path="data.contents.24">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row5col2">
                                <div class="outerHtml" data-cms-path="data.contents.25">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-6"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.26">長くお付き合いしていきたいから</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.27">充実のフォロー体制</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.28">After-sales Service</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.30.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row6col1 outerHtml" data-cms-path="data.contents.29">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row6col2">
                                <div class="outerHtml" data-cms-path="data.contents.30">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-7"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.31">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.32">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.33">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.35.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row7col1 outerHtml" data-cms-path="data.contents.34">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row7col2">
                                <div class="outerHtml" data-cms-path="data.contents.35">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-8"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.36">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.37">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.38">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.40.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row8col1 outerHtml" data-cms-path="data.contents.39">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row8col2">
                                <div class="outerHtml" data-cms-path="data.contents.40">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-9"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.41">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.42">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.43">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.45.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row9col1 outerHtml" data-cms-path="data.contents.44">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row9col2">
                                <div class="outerHtml" data-cms-path="data.contents.45">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-10"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-upper" data-cms-path="data.contents.46">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.47">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon__numIcon-caption-lower" data-cms-path="data.contents.48">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.50.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row10col1 outerHtml" data-cms-path="data.contents.49">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row10col2">
                                <div class="outerHtml" data-cms-path="data.contents.50">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.51">
            <div>
                <div class="b-bPlacer-4s">
                    <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                        <div data-cms-path="data.contents.0">
                            <span></span>
                            <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2

当社の3つの特徴

当社の3つの特徴について詳しくご紹介いたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

地元の特性を把握

地域密着型

Community-based

地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。

お客さまとの対話を重視

時間をかけたカウンセリング

Counseling

お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。

平日お忙しい方のために

土日祝日もご相談を受付

Open on holidays

土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。

明朗会計で安心

パッケージプラン

Package

当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。

長くお付き合いしていきたいから

充実のフォロー体制

After-sales Service

当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

○年以上の実績

豊富な経験と高い技術力

Results

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon2">
            <div class="t0-b-twoColsMediaWithNumIcon2__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-4s">

                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                            <span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-lv3H__iconPlacer">
                                    <span class="t0-b-lv3H__icon"></span>
                                </div>
                                <h3 data-cms-path="data.contents.0">当社の3つの特徴</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ex-leftSpacingTweak-spread-3s">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>当社の3つの特徴について詳しくご紹介いたします。</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon2__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.1">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.3">Results</div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.6">地元の特性を把握</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.8">Community-based</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.11">お客さまとの対話を重視</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.13">Counseling</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。お客さまにご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-4"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.16">平日お忙しい方のために</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.17">土日祝日もご相談を受付</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.18">Open on holidays</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.20.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row4col1 outerHtml" data-cms-path="data.contents.19">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row4col2">
                                <div class="outerHtml" data-cms-path="data.contents.20">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-5"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.21">明朗会計で安心</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.22">パッケージプラン</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.23">Package</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.25.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row5col1 outerHtml" data-cms-path="data.contents.24">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row5col2">
                                <div class="outerHtml" data-cms-path="data.contents.25">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-6"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.26">長くお付き合いしていきたいから</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.27">充実のフォロー体制</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.28">After-sales Service</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.30.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row6col1 outerHtml" data-cms-path="data.contents.29">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row6col2">
                                <div class="outerHtml" data-cms-path="data.contents.30">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-7"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.31">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.32">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.33">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.35.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row7col1 outerHtml" data-cms-path="data.contents.34">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row7col2">
                                <div class="outerHtml" data-cms-path="data.contents.35">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-8"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.36">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.37">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.38">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.40.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row8col1 outerHtml" data-cms-path="data.contents.39">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row8col2">
                                <div class="outerHtml" data-cms-path="data.contents.40">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-9"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.41">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.42">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.43">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.45.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row9col1 outerHtml" data-cms-path="data.contents.44">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row9col2">
                                <div class="outerHtml" data-cms-path="data.contents.45">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-10"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-upper" data-cms-path="data.contents.46">○年以上の実績</div>
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.47">豊富な経験と高い技術力</h4>
                            <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-caption-lower" data-cms-path="data.contents.48">Results</div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.50.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row10col1 outerHtml" data-cms-path="data.contents.49">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row10col2">
                                <div class="outerHtml" data-cms-path="data.contents.50">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.51">
            <div>
                <div class="b-bPlacer-4s">
                    <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                        <div data-cms-path="data.contents.0">
                            <span></span>
                            <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

画像の配置

/temp/unittest/parts/003_frameWithHCaption-1_acrePartsMain3_f04.md
  • f04

ブロック名称:画像の配置

バリエーション1

お客さまの声

編集枠:グループ1
編集枠:画像列(グループ2)
編集枠:グループ2
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaption"><span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaption__hd t0-b-frameWithHCaption__hd--align-"><span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaption__hd-h">
                    <h3 data-cms-path="data.contents.1">お客さまの声</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaption__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgL ex-imageFloat ex-spLayout__horizon">
                    <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row1col2">
                            <div class="outerHtml" data-cms-path="data.contents.5">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div data-switchable-key="contents.7.switchable" class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.6">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                        </div>
                        <div class="t0-b-twoColsMedia__row2col2">
                            <div class="outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2

お客さまの声

編集枠:グループ1
編集枠:画像列(グループ2)
編集枠:グループ2
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaption2"><span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaption2__hd t0-b-frameWithHCaption2__hd--align-"><span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaption2__hd-h">
                    <h3 data-cms-path="data.contents.1">お客さまの声</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaption2__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgL ex-imageFloat ex-spLayout__horizon">
                    <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row1col2">
                            <div class="outerHtml" data-cms-path="data.contents.5">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div data-switchable-key="contents.7.switchable" class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.6">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                        </div>
                        <div class="t0-b-twoColsMedia__row2col2">
                            <div class="outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1

お客さまの声

編集枠:グループ1
編集枠:画像列(グループ2)
編集枠:グループ2
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaption"><span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaption__hd t0-b-frameWithHCaption__hd--align-"><span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaption__hd-h">
                    <h3 data-cms-path="data.contents.1">お客さまの声</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaption__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgR ex-imageFloat ex-spLayout__horizon">
                    <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row1col2">
                            <div class="outerHtml" data-cms-path="data.contents.5">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div data-switchable-key="contents.7.switchable" class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.6">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                        </div>
                        <div class="t0-b-twoColsMedia__row2col2">
                            <div class="outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2

お客さまの声

編集枠:グループ1
編集枠:画像列(グループ2)
編集枠:グループ2
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaption2"><span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaption2__hd t0-b-frameWithHCaption2__hd--align-"><span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaption2__hd-h">
                    <h3 data-cms-path="data.contents.1">お客さまの声</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaption2__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgR ex-imageFloat ex-spLayout__horizon">
                    <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row1col2">
                            <div class="outerHtml" data-cms-path="data.contents.5">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div data-switchable-key="contents.7.switchable" class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.6">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                        </div>
                        <div class="t0-b-twoColsMedia__row2col2">
                            <div class="outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

画像の配置

/temp/unittest/parts/011_frame_acrePartsMain9_f04.md
  • f04

ブロック名称:画像の配置

バリエーション1

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

画像の説明を入力してください(フォントが小さく設定された文章です)

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frame">
            <div class="t0-b-frame__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-frame__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgL ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.1">
                            <div>
                                <div class="b-bPlacer-3s">
                                    <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                        <div>
                                            <div class="t0-b-layoutSplitter__div">
                                                <div>
                                                    <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                        <div class="t0-b-media__media">
                                                            <span><span><span></span></span></span>
                                                            <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                        </div>
                                                        <div class="t0-b-media__caption">
                                                            <p data-cms-path="data.contents.3">
                                                                画像の説明を入力してください(フォントが小さく設定された文章です)
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMedia__row1col2">
                            <div class="outerHtml" data-cms-path="data.contents.2">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-4s">

                                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                            <span><span><span></span></span></span>
                                            <div>
                                                <div class="t0-b-lv3H__iconPlacer">
                                                    <span class="t0-b-lv3H__icon"></span>
                                                </div>
                                                <h3 data-cms-path="data.contents.0">中見出し</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ex-leftSpacingTweak-spread-3s">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-4s">

                                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                            <span><span><span></span></span></span>
                                            <div>
                                                <div class="t0-b-lv3H__iconPlacer">
                                                    <span class="t0-b-lv3H__icon"></span>
                                                </div>
                                                <h3 data-cms-path="data.contents.0">中見出し</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ex-leftSpacingTweak-spread-3s">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-4s">

                                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                            <span><span><span></span></span></span>
                                            <div>
                                                <div class="t0-b-lv3H__iconPlacer">
                                                    <span class="t0-b-lv3H__icon"></span>
                                                </div>
                                                <h3 data-cms-path="data.contents.0">中見出し</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ex-leftSpacingTweak-spread-3s">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div data-switchable-key="contents.4.switchable" class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.3">
                            <div>
                                <div class="b-bPlacer-3s">
                                    <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                        <div>
                                            <div class="t0-b-layoutSplitter__div">
                                                <div>
                                                    <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                        <div class="t0-b-media__media">
                                                            <span><span><span></span></span></span>
                                                            <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                        </div>
                                                        <div class="t0-b-media__caption">
                                                            <p data-cms-path="data.contents.3">
                                                                画像の説明を入力してください(フォントが小さく設定された文章です)
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMedia__row2col2">
                            <div class="outerHtml" data-cms-path="data.contents.4">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div data-switchable-key="contents.6.switchable" class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.5">
                            <div>
                                <div class="b-bPlacer-3s">
                                    <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                        <div>
                                            <div class="t0-b-layoutSplitter__div">
                                                <div>
                                                    <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                        <div class="t0-b-media__media">
                                                            <span><span><span></span></span></span>
                                                            <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                        </div>
                                                        <div class="t0-b-media__caption">
                                                            <p data-cms-path="data.contents.3">
                                                                画像の説明を入力してください(フォントが小さく設定された文章です)
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMedia__row3col2">
                            <div class="outerHtml" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.7">
            <div>
                <div class="b-bPlacer-4s">
                    <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                        <div data-cms-path="data.contents.0">
                            <span></span>
                            <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

画像の説明を入力してください(フォントが小さく設定された文章です)

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frame2">
            <div class="t0-b-frame2__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-frame2__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgL ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.1">
                            <div>
                                <div class="b-bPlacer-3s">
                                    <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                        <div>
                                            <div class="t0-b-layoutSplitter__div">
                                                <div>
                                                    <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                        <div class="t0-b-media__media">
                                                            <span><span><span></span></span></span>
                                                            <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                        </div>
                                                        <div class="t0-b-media__caption">
                                                            <p data-cms-path="data.contents.3">
                                                                画像の説明を入力してください(フォントが小さく設定された文章です)
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMedia__row1col2">
                            <div class="outerHtml" data-cms-path="data.contents.2">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-4s">

                                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                            <span><span><span></span></span></span>
                                            <div>
                                                <div class="t0-b-lv3H__iconPlacer">
                                                    <span class="t0-b-lv3H__icon"></span>
                                                </div>
                                                <h3 data-cms-path="data.contents.0">中見出し</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ex-leftSpacingTweak-spread-3s">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-4s">

                                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                            <span><span><span></span></span></span>
                                            <div>
                                                <div class="t0-b-lv3H__iconPlacer">
                                                    <span class="t0-b-lv3H__icon"></span>
                                                </div>
                                                <h3 data-cms-path="data.contents.0">中見出し</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ex-leftSpacingTweak-spread-3s">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-4s">

                                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                            <span><span><span></span></span></span>
                                            <div>
                                                <div class="t0-b-lv3H__iconPlacer">
                                                    <span class="t0-b-lv3H__icon"></span>
                                                </div>
                                                <h3 data-cms-path="data.contents.0">中見出し</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ex-leftSpacingTweak-spread-3s">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div data-switchable-key="contents.4.switchable" class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.3">
                            <div>
                                <div class="b-bPlacer-3s">
                                    <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                        <div>
                                            <div class="t0-b-layoutSplitter__div">
                                                <div>
                                                    <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                        <div class="t0-b-media__media">
                                                            <span><span><span></span></span></span>
                                                            <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                        </div>
                                                        <div class="t0-b-media__caption">
                                                            <p data-cms-path="data.contents.3">
                                                                画像の説明を入力してください(フォントが小さく設定された文章です)
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMedia__row2col2">
                            <div class="outerHtml" data-cms-path="data.contents.4">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div data-switchable-key="contents.6.switchable" class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.5">
                            <div>
                                <div class="b-bPlacer-3s">
                                    <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                        <div>
                                            <div class="t0-b-layoutSplitter__div">
                                                <div>
                                                    <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                        <div class="t0-b-media__media">
                                                            <span><span><span></span></span></span>
                                                            <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                        </div>
                                                        <div class="t0-b-media__caption">
                                                            <p data-cms-path="data.contents.3">
                                                                画像の説明を入力してください(フォントが小さく設定された文章です)
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMedia__row3col2">
                            <div class="outerHtml" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.7">
            <div>
                <div class="b-bPlacer-4s">
                    <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                        <div data-cms-path="data.contents.0">
                            <span></span>
                            <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

画像の説明を入力してください(フォントが小さく設定された文章です)

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frame">
            <div class="t0-b-frame__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-frame__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.1">
                            <div>
                                <div class="b-bPlacer-3s">
                                    <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                        <div>
                                            <div class="t0-b-layoutSplitter__div">
                                                <div>
                                                    <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                        <div class="t0-b-media__media">
                                                            <span><span><span></span></span></span>
                                                            <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                        </div>
                                                        <div class="t0-b-media__caption">
                                                            <p data-cms-path="data.contents.3">
                                                                画像の説明を入力してください(フォントが小さく設定された文章です)
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMedia__row1col2">
                            <div class="outerHtml" data-cms-path="data.contents.2">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-4s">

                                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                            <span><span><span></span></span></span>
                                            <div>
                                                <div class="t0-b-lv3H__iconPlacer">
                                                    <span class="t0-b-lv3H__icon"></span>
                                                </div>
                                                <h3 data-cms-path="data.contents.0">中見出し</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ex-leftSpacingTweak-spread-3s">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-4s">

                                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                            <span><span><span></span></span></span>
                                            <div>
                                                <div class="t0-b-lv3H__iconPlacer">
                                                    <span class="t0-b-lv3H__icon"></span>
                                                </div>
                                                <h3 data-cms-path="data.contents.0">中見出し</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ex-leftSpacingTweak-spread-3s">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-4s">

                                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                            <span><span><span></span></span></span>
                                            <div>
                                                <div class="t0-b-lv3H__iconPlacer">
                                                    <span class="t0-b-lv3H__icon"></span>
                                                </div>
                                                <h3 data-cms-path="data.contents.0">中見出し</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ex-leftSpacingTweak-spread-3s">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div data-switchable-key="contents.4.switchable" class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.3">
                            <div>
                                <div class="b-bPlacer-3s">
                                    <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                        <div>
                                            <div class="t0-b-layoutSplitter__div">
                                                <div>
                                                    <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                        <div class="t0-b-media__media">
                                                            <span><span><span></span></span></span>
                                                            <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                        </div>
                                                        <div class="t0-b-media__caption">
                                                            <p data-cms-path="data.contents.3">
                                                                画像の説明を入力してください(フォントが小さく設定された文章です)
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMedia__row2col2">
                            <div class="outerHtml" data-cms-path="data.contents.4">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div data-switchable-key="contents.6.switchable" class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.5">
                            <div>
                                <div class="b-bPlacer-3s">
                                    <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                        <div>
                                            <div class="t0-b-layoutSplitter__div">
                                                <div>
                                                    <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                        <div class="t0-b-media__media">
                                                            <span><span><span></span></span></span>
                                                            <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                        </div>
                                                        <div class="t0-b-media__caption">
                                                            <p data-cms-path="data.contents.3">
                                                                画像の説明を入力してください(フォントが小さく設定された文章です)
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMedia__row3col2">
                            <div class="outerHtml" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.7">
            <div>
                <div class="b-bPlacer-4s">
                    <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                        <div data-cms-path="data.contents.0">
                            <span></span>
                            <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

画像の説明を入力してください(フォントが小さく設定された文章です)

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frame2">
            <div class="t0-b-frame2__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-frame2__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.1">
                            <div>
                                <div class="b-bPlacer-3s">
                                    <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                        <div>
                                            <div class="t0-b-layoutSplitter__div">
                                                <div>
                                                    <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                        <div class="t0-b-media__media">
                                                            <span><span><span></span></span></span>
                                                            <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                        </div>
                                                        <div class="t0-b-media__caption">
                                                            <p data-cms-path="data.contents.3">
                                                                画像の説明を入力してください(フォントが小さく設定された文章です)
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMedia__row1col2">
                            <div class="outerHtml" data-cms-path="data.contents.2">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-4s">

                                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                            <span><span><span></span></span></span>
                                            <div>
                                                <div class="t0-b-lv3H__iconPlacer">
                                                    <span class="t0-b-lv3H__icon"></span>
                                                </div>
                                                <h3 data-cms-path="data.contents.0">中見出し</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ex-leftSpacingTweak-spread-3s">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-4s">

                                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                            <span><span><span></span></span></span>
                                            <div>
                                                <div class="t0-b-lv3H__iconPlacer">
                                                    <span class="t0-b-lv3H__icon"></span>
                                                </div>
                                                <h3 data-cms-path="data.contents.0">中見出し</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ex-leftSpacingTweak-spread-3s">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-4s">

                                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                            <span><span><span></span></span></span>
                                            <div>
                                                <div class="t0-b-lv3H__iconPlacer">
                                                    <span class="t0-b-lv3H__icon"></span>
                                                </div>
                                                <h3 data-cms-path="data.contents.0">中見出し</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ex-leftSpacingTweak-spread-3s">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div data-switchable-key="contents.4.switchable" class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.3">
                            <div>
                                <div class="b-bPlacer-3s">
                                    <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                        <div>
                                            <div class="t0-b-layoutSplitter__div">
                                                <div>
                                                    <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                        <div class="t0-b-media__media">
                                                            <span><span><span></span></span></span>
                                                            <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                        </div>
                                                        <div class="t0-b-media__caption">
                                                            <p data-cms-path="data.contents.3">
                                                                画像の説明を入力してください(フォントが小さく設定された文章です)
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMedia__row2col2">
                            <div class="outerHtml" data-cms-path="data.contents.4">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div data-switchable-key="contents.6.switchable" class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                        <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.5">
                            <div>
                                <div class="b-bPlacer-3s">
                                    <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                        <div>
                                            <div class="t0-b-layoutSplitter__div">
                                                <div>
                                                    <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                        <div class="t0-b-media__media">
                                                            <span><span><span></span></span></span>
                                                            <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                        </div>
                                                        <div class="t0-b-media__caption">
                                                            <p data-cms-path="data.contents.3">
                                                                画像の説明を入力してください(フォントが小さく設定された文章です)
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMedia__row3col2">
                            <div class="outerHtml" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="outerHtml" data-cms-path="data.contents.7">
            <div>
                <div class="b-bPlacer-4s">
                    <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                        <div data-cms-path="data.contents.0">
                            <span></span>
                            <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

画像の配置

/temp/unittest/parts/013_article2Image_acrePartsMain11_f04.md
  • f04

ブロック名称:画像の配置

バリエーション1

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

装飾見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

小見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳細はこちらへ

装飾見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

小見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳細はこちらへ
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-article2Image">
            <div class="t0-b-article2Image__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-4s">

                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                            <span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-lv3H__iconPlacer">
                                    <span class="t0-b-lv3H__icon"></span>
                                </div>
                                <h3 data-cms-path="data.contents.0">中見出し</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ex-leftSpacingTweak-spread-3s">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-article2Image__bd">
                <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-auto-height>
                    <div>
                        <div class="t0-b-layoutSplitter__div" data-height-group="1">
                            <div>
                                <div class="outerHtml" data-cms-path="data.contents.1">
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-lv4H t0-b-lv4H--align- t0-b-lv4H--size-2" data-height-part=""><span><span><span></span></span></span>
                                                <div class="t0-b-lv4H__box">
                                                    <div class="t0-b-lv4H__bd"><span><span><span></span></span></span>
                                                        <h4 data-cms-path="data.contents.1">装飾見出し</h4>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgL ex-imageFloat ex-spLayout__vertical">
                                    <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                                        <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.2" data-height-group="2">
                                            <div>
                                                <div class="b-bPlacer-3s">
                                                    <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                                        <div>
                                                            <div class="t0-b-layoutSplitter__div">
                                                                <div>
                                                                    <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                                        <div class="t0-b-media__media">
                                                                            <span><span><span></span></span></span>
                                                                            <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="t0-b-twoColsMedia__row1col2" data-height-group="3">
                                            <div class="outerHtml" data-cms-path="data.contents.3">
                                                <div class="ex-leftSpacingTweak-">
                                                    <div class="b-bPlacer-7s">
                                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="ex-leftSpacingTweak-">
                                                    <div class="b-bPlacer-7s">
                                                        <div class="t0-b-wysiwyg2" data-cms-path="data.contents.0" data-height-part="">
                                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div>
                                                    <div class="b-bPlacer-4s">
                                                        <div class="t0-b-navBItem t0-b-navBItem--size-3 t0-b-navBItem--width- t0-b-navBItem--align-" data-height-part="">
                                                            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div" data-height-group="1">
                            <div>
                                <div class="outerHtml" data-cms-path="data.contents.4">
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-lv4H t0-b-lv4H--align- t0-b-lv4H--size-2" data-height-part=""><span><span><span></span></span></span>
                                                <div class="t0-b-lv4H__box">
                                                    <div class="t0-b-lv4H__bd"><span><span><span></span></span></span>
                                                        <h4 data-cms-path="data.contents.1">装飾見出し</h4>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgL ex-imageFloat ex-spLayout__vertical">
                                    <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                                        <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.5" data-height-group="2">
                                            <div>
                                                <div class="b-bPlacer-3s">
                                                    <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                                        <div>
                                                            <div class="t0-b-layoutSplitter__div">
                                                                <div>
                                                                    <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                                        <div class="t0-b-media__media">
                                                                            <span><span><span></span></span></span>
                                                                            <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="t0-b-twoColsMedia__row1col2" data-height-group="3">
                                            <div class="outerHtml" data-cms-path="data.contents.6">
                                                <div class="ex-leftSpacingTweak-">
                                                    <div class="b-bPlacer-7s">
                                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="ex-leftSpacingTweak-">
                                                    <div class="b-bPlacer-7s">
                                                        <div class="t0-b-wysiwyg2" data-cms-path="data.contents.0" data-height-part="">
                                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div>
                                                    <div class="b-bPlacer-4s">
                                                        <div class="t0-b-navBItem t0-b-navBItem--size-3 t0-b-navBItem--width- t0-b-navBItem--align-" data-height-part="">
                                                            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="outerHtml" data-cms-path="data.contents.7"></div>
        </div>
    </div>
</div>
バリエーション1

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

装飾見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

小見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳細はこちらへ

装飾見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

小見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳細はこちらへ
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-article2Image">
            <div class="t0-b-article2Image__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-4s">

                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                            <span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-lv3H__iconPlacer">
                                    <span class="t0-b-lv3H__icon"></span>
                                </div>
                                <h3 data-cms-path="data.contents.0">中見出し</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ex-leftSpacingTweak-spread-3s">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-article2Image__bd">
                <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-auto-height>
                    <div>
                        <div class="t0-b-layoutSplitter__div" data-height-group="1">
                            <div>
                                <div class="outerHtml" data-cms-path="data.contents.1">
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-lv4H t0-b-lv4H--align- t0-b-lv4H--size-2" data-height-part=""><span><span><span></span></span></span>
                                                <div class="t0-b-lv4H__box">
                                                    <div class="t0-b-lv4H__bd"><span><span><span></span></span></span>
                                                        <h4 data-cms-path="data.contents.1">装飾見出し</h4>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgR ex-imageFloat ex-spLayout__vertical">
                                    <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                                        <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.2" data-height-group="2">
                                            <div>
                                                <div class="b-bPlacer-3s">
                                                    <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                                        <div>
                                                            <div class="t0-b-layoutSplitter__div">
                                                                <div>
                                                                    <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                                        <div class="t0-b-media__media">
                                                                            <span><span><span></span></span></span>
                                                                            <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="t0-b-twoColsMedia__row1col2" data-height-group="3">
                                            <div class="outerHtml" data-cms-path="data.contents.3">
                                                <div class="ex-leftSpacingTweak-">
                                                    <div class="b-bPlacer-7s">
                                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="ex-leftSpacingTweak-">
                                                    <div class="b-bPlacer-7s">
                                                        <div class="t0-b-wysiwyg2" data-cms-path="data.contents.0" data-height-part="">
                                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div>
                                                    <div class="b-bPlacer-4s">
                                                        <div class="t0-b-navBItem t0-b-navBItem--size-3 t0-b-navBItem--width- t0-b-navBItem--align-" data-height-part="">
                                                            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div" data-height-group="1">
                            <div>
                                <div class="outerHtml" data-cms-path="data.contents.4">
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-lv4H t0-b-lv4H--align- t0-b-lv4H--size-2" data-height-part=""><span><span><span></span></span></span>
                                                <div class="t0-b-lv4H__box">
                                                    <div class="t0-b-lv4H__bd"><span><span><span></span></span></span>
                                                        <h4 data-cms-path="data.contents.1">装飾見出し</h4>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgR ex-imageFloat ex-spLayout__vertical">
                                    <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                                        <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.5" data-height-group="2">
                                            <div>
                                                <div class="b-bPlacer-3s">
                                                    <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                                        <div>
                                                            <div class="t0-b-layoutSplitter__div">
                                                                <div>
                                                                    <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                                        <div class="t0-b-media__media">
                                                                            <span><span><span></span></span></span>
                                                                            <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="t0-b-twoColsMedia__row1col2" data-height-group="3">
                                            <div class="outerHtml" data-cms-path="data.contents.6">
                                                <div class="ex-leftSpacingTweak-">
                                                    <div class="b-bPlacer-7s">
                                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="ex-leftSpacingTweak-">
                                                    <div class="b-bPlacer-7s">
                                                        <div class="t0-b-wysiwyg2" data-cms-path="data.contents.0" data-height-part="">
                                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div>
                                                    <div class="b-bPlacer-4s">
                                                        <div class="t0-b-navBItem t0-b-navBItem--size-3 t0-b-navBItem--width- t0-b-navBItem--align-" data-height-part="">
                                                            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="outerHtml" data-cms-path="data.contents.7"></div>
        </div>
    </div>
</div>

画像の配置

/temp/unittest/parts/014_article3Image_acrePartsMain12_f04.md
  • f04

ブロック名称:画像の配置

バリエーション1

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

装飾見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

小見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳細はこちらへ

装飾見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

小見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳細はこちらへ

装飾見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

小見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳細はこちらへ
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-article3Image">
            <div class="t0-b-article3Image__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-4s">

                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                            <span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-lv3H__iconPlacer">
                                    <span class="t0-b-lv3H__icon"></span>
                                </div>
                                <h3 data-cms-path="data.contents.0">中見出し</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ex-leftSpacingTweak-spread-3s">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-article3Image__bd">
                <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-3 t0-b-layoutSplitter--spacing-4s" data-auto-height>
                    <div>
                        <div class="t0-b-layoutSplitter__div" data-height-group="1">
                            <div>
                                <div class="outerHtml" data-cms-path="data.contents.1">
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-lv4H t0-b-lv4H--align- t0-b-lv4H--size-2" data-height-part=""><span><span><span></span></span></span>
                                                <div class="t0-b-lv4H__box">
                                                    <div class="t0-b-lv4H__bd"><span><span><span></span></span></span>
                                                        <h4 data-cms-path="data.contents.1">装飾見出し</h4>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgL ex-imageFloat ex-spLayout__vertical">
                                    <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                                        <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.2" data-height-group="2">
                                            <div>
                                                <div class="b-bPlacer-3s">
                                                    <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                                        <div>
                                                            <div class="t0-b-layoutSplitter__div">
                                                                <div>
                                                                    <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                                        <div class="t0-b-media__media">
                                                                            <span><span><span></span></span></span>
                                                                            <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="t0-b-twoColsMedia__row1col2" data-height-group="3">
                                            <div class="outerHtml" data-cms-path="data.contents.3">
                                                <div>
                                                    <div class="b-bPlacer-3s">
                                                        <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                            <div class="t0-b-lv5H__main">
                                                                <div class="t0-b-lv5H__bd">
                                                                    <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                                    <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="ex-leftSpacingTweak-">
                                                    <div class="b-bPlacer-7s">
                                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="ex-leftSpacingTweak-">
                                                    <div class="b-bPlacer-7s">
                                                        <div class="t0-b-wysiwyg2" data-cms-path="data.contents.0" data-height-part="">
                                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div>
                                                    <div class="b-bPlacer-4s">
                                                        <div class="t0-b-navBItem t0-b-navBItem--size-3 t0-b-navBItem--width- t0-b-navBItem--align-" data-height-part="">
                                                            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div" data-height-group="1">
                            <div>
                                <div class="outerHtml" data-cms-path="data.contents.4">
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-lv4H t0-b-lv4H--align- t0-b-lv4H--size-2" data-height-part=""><span><span><span></span></span></span>
                                                <div class="t0-b-lv4H__box">
                                                    <div class="t0-b-lv4H__bd"><span><span><span></span></span></span>
                                                        <h4 data-cms-path="data.contents.1">装飾見出し</h4>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgL ex-imageFloat ex-spLayout__vertical">
                                    <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                                        <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.5" data-height-group="2">
                                            <div>
                                                <div class="b-bPlacer-3s">
                                                    <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                                        <div>
                                                            <div class="t0-b-layoutSplitter__div">
                                                                <div>
                                                                    <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                                        <div class="t0-b-media__media">
                                                                            <span><span><span></span></span></span>
                                                                            <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="t0-b-twoColsMedia__row1col2" data-height-group="3">
                                            <div class="outerHtml" data-cms-path="data.contents.6">
                                                <div>
                                                    <div class="b-bPlacer-3s">
                                                        <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                            <div class="t0-b-lv5H__main">
                                                                <div class="t0-b-lv5H__bd">
                                                                    <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                                    <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="ex-leftSpacingTweak-">
                                                    <div class="b-bPlacer-7s">
                                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="ex-leftSpacingTweak-">
                                                    <div class="b-bPlacer-7s">
                                                        <div class="t0-b-wysiwyg2" data-cms-path="data.contents.0" data-height-part="">
                                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div>
                                                    <div class="b-bPlacer-4s">
                                                        <div class="t0-b-navBItem t0-b-navBItem--size-3 t0-b-navBItem--width- t0-b-navBItem--align-" data-height-part="">
                                                            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div" data-height-group="1">
                            <div>
                                <div class="outerHtml" data-cms-path="data.contents.7">
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-lv4H t0-b-lv4H--align- t0-b-lv4H--size-2" data-height-part=""><span><span><span></span></span></span>
                                                <div class="t0-b-lv4H__box">
                                                    <div class="t0-b-lv4H__bd"><span><span><span></span></span></span>
                                                        <h4 data-cms-path="data.contents.1">装飾見出し</h4>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgL ex-imageFloat ex-spLayout__vertical">
                                    <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                                        <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.8" data-height-group="2">
                                            <div>
                                                <div class="b-bPlacer-3s">
                                                    <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                                        <div>
                                                            <div class="t0-b-layoutSplitter__div">
                                                                <div>
                                                                    <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                                        <div class="t0-b-media__media">
                                                                            <span><span><span></span></span></span>
                                                                            <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="t0-b-twoColsMedia__row1col2" data-height-group="3">
                                            <div class="outerHtml" data-cms-path="data.contents.9">
                                                <div>
                                                    <div class="b-bPlacer-3s">
                                                        <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                            <div class="t0-b-lv5H__main">
                                                                <div class="t0-b-lv5H__bd">
                                                                    <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                                    <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="ex-leftSpacingTweak-">
                                                    <div class="b-bPlacer-7s">
                                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="ex-leftSpacingTweak-">
                                                    <div class="b-bPlacer-7s">
                                                        <div class="t0-b-wysiwyg2" data-cms-path="data.contents.0" data-height-part="">
                                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div>
                                                    <div class="b-bPlacer-4s">
                                                        <div class="t0-b-navBItem t0-b-navBItem--size-3 t0-b-navBItem--width- t0-b-navBItem--align-" data-height-part="">
                                                            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="outerHtml" data-cms-path="data.contents.10"></div>
        </div>
    </div>
</div>
バリエーション1

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

装飾見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

小見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳細はこちらへ

装飾見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

小見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳細はこちらへ

装飾見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

小見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳細はこちらへ
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-article3Image">
            <div class="t0-b-article3Image__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-4s">

                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                            <span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-lv3H__iconPlacer">
                                    <span class="t0-b-lv3H__icon"></span>
                                </div>
                                <h3 data-cms-path="data.contents.0">中見出し</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ex-leftSpacingTweak-spread-3s">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-article3Image__bd">
                <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-3 t0-b-layoutSplitter--spacing-4s" data-auto-height>
                    <div>
                        <div class="t0-b-layoutSplitter__div" data-height-group="1">
                            <div>
                                <div class="outerHtml" data-cms-path="data.contents.1">
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-lv4H t0-b-lv4H--align- t0-b-lv4H--size-2" data-height-part=""><span><span><span></span></span></span>
                                                <div class="t0-b-lv4H__box">
                                                    <div class="t0-b-lv4H__bd"><span><span><span></span></span></span>
                                                        <h4 data-cms-path="data.contents.1">装飾見出し</h4>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgR ex-imageFloat ex-spLayout__vertical">
                                    <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                                        <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.2" data-height-group="2">
                                            <div>
                                                <div class="b-bPlacer-3s">
                                                    <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                                        <div>
                                                            <div class="t0-b-layoutSplitter__div">
                                                                <div>
                                                                    <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                                        <div class="t0-b-media__media">
                                                                            <span><span><span></span></span></span>
                                                                            <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="t0-b-twoColsMedia__row1col2" data-height-group="3">
                                            <div class="outerHtml" data-cms-path="data.contents.3">
                                                <div>
                                                    <div class="b-bPlacer-3s">
                                                        <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                            <div class="t0-b-lv5H__main">
                                                                <div class="t0-b-lv5H__bd">
                                                                    <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                                    <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="ex-leftSpacingTweak-">
                                                    <div class="b-bPlacer-7s">
                                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="ex-leftSpacingTweak-">
                                                    <div class="b-bPlacer-7s">
                                                        <div class="t0-b-wysiwyg2" data-cms-path="data.contents.0" data-height-part="">
                                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div>
                                                    <div class="b-bPlacer-4s">
                                                        <div class="t0-b-navBItem t0-b-navBItem--size-3 t0-b-navBItem--width- t0-b-navBItem--align-" data-height-part="">
                                                            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div" data-height-group="1">
                            <div>
                                <div class="outerHtml" data-cms-path="data.contents.4">
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-lv4H t0-b-lv4H--align- t0-b-lv4H--size-2" data-height-part=""><span><span><span></span></span></span>
                                                <div class="t0-b-lv4H__box">
                                                    <div class="t0-b-lv4H__bd"><span><span><span></span></span></span>
                                                        <h4 data-cms-path="data.contents.1">装飾見出し</h4>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgR ex-imageFloat ex-spLayout__vertical">
                                    <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                                        <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.5" data-height-group="2">
                                            <div>
                                                <div class="b-bPlacer-3s">
                                                    <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                                        <div>
                                                            <div class="t0-b-layoutSplitter__div">
                                                                <div>
                                                                    <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                                        <div class="t0-b-media__media">
                                                                            <span><span><span></span></span></span>
                                                                            <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="t0-b-twoColsMedia__row1col2" data-height-group="3">
                                            <div class="outerHtml" data-cms-path="data.contents.6">
                                                <div>
                                                    <div class="b-bPlacer-3s">
                                                        <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                            <div class="t0-b-lv5H__main">
                                                                <div class="t0-b-lv5H__bd">
                                                                    <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                                    <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="ex-leftSpacingTweak-">
                                                    <div class="b-bPlacer-7s">
                                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="ex-leftSpacingTweak-">
                                                    <div class="b-bPlacer-7s">
                                                        <div class="t0-b-wysiwyg2" data-cms-path="data.contents.0" data-height-part="">
                                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div>
                                                    <div class="b-bPlacer-4s">
                                                        <div class="t0-b-navBItem t0-b-navBItem--size-3 t0-b-navBItem--width- t0-b-navBItem--align-" data-height-part="">
                                                            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-layoutSplitter__div" data-height-group="1">
                            <div>
                                <div class="outerHtml" data-cms-path="data.contents.7">
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-lv4H t0-b-lv4H--align- t0-b-lv4H--size-2" data-height-part=""><span><span><span></span></span></span>
                                                <div class="t0-b-lv4H__box">
                                                    <div class="t0-b-lv4H__bd"><span><span><span></span></span></span>
                                                        <h4 data-cms-path="data.contents.1">装飾見出し</h4>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgR ex-imageFloat ex-spLayout__vertical">
                                    <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                                        <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.8" data-height-group="2">
                                            <div>
                                                <div class="b-bPlacer-3s">
                                                    <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                                        <div>
                                                            <div class="t0-b-layoutSplitter__div">
                                                                <div>
                                                                    <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                                        <div class="t0-b-media__media">
                                                                            <span><span><span></span></span></span>
                                                                            <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="t0-b-twoColsMedia__row1col2" data-height-group="3">
                                            <div class="outerHtml" data-cms-path="data.contents.9">
                                                <div>
                                                    <div class="b-bPlacer-3s">
                                                        <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                            <div class="t0-b-lv5H__main">
                                                                <div class="t0-b-lv5H__bd">
                                                                    <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                                    <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="ex-leftSpacingTweak-">
                                                    <div class="b-bPlacer-7s">
                                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="ex-leftSpacingTweak-">
                                                    <div class="b-bPlacer-7s">
                                                        <div class="t0-b-wysiwyg2" data-cms-path="data.contents.0" data-height-part="">
                                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div>
                                                    <div class="b-bPlacer-4s">
                                                        <div class="t0-b-navBItem t0-b-navBItem--size-3 t0-b-navBItem--width- t0-b-navBItem--align-" data-height-part="">
                                                            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="outerHtml" data-cms-path="data.contents.10"></div>
        </div>
    </div>
</div>

画像の配置

/temp/unittest/parts/043_navItemWithImg_navItemWithImg_f04.md
  • f04

ブロック名称:画像の配置

[f04:画像の配置(機能仕様)]

デザイン・機能仕様:

個別仕様


画像の左右によって、画像と枠線までの距離が変わらないようにする

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • 指定した位置に画像が配置されていること 
  • 画像列と文章列の間に余白があいていること(余白は画像列についていること) 
  • 全要素がONの時に全ての画像列が指定した位置に配置されていること 
バリエーション1
詳細はこちらへ
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-navItemWithImg t0-b-navItemWithImg--imgL t0-b-navItemWithImg--width-m t0-b-navItemWithImg--align-c" data-height-part="">
            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div class="t0-b-navItemWithImg__img">
                    <img src="https://placehold.jp/400x160.png">
                </div>
                <div data-cms-contenteditable="data.contents.0.text" class="t0-b-navItemWithImg__text">
                    詳細はこちらへ
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1
詳細はこちらへ
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-navItemWithImg t0-b-navItemWithImg--imgR t0-b-navItemWithImg--width-m t0-b-navItemWithImg--align-c" data-height-part="">
            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                <div class="t0-b-navItemWithImg__img">
                    <img src="https://placehold.jp/400x160.png">
                </div>
                <div data-cms-contenteditable="data.contents.0.text" class="t0-b-navItemWithImg__text">
                    詳細はこちらへ
                </div>
            </div>
        </div>
    </div>
</div>

画像の配置

/temp/unittest/parts/043_navItemWithImg_navItemWithImgDouble_f04.md
  • f04

ブロック名称:画像の配置

[f04:画像の配置(機能仕様)]

デザイン・機能仕様:

個別仕様


画像の左右によって、画像と枠線までの距離が変わらないようにする

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • 指定した位置に画像が配置されていること 
  • 画像列と文章列の間に余白があいていること(余白は画像列についていること) 
  • 全要素がONの時に全ての画像列が指定した位置に配置されていること 
バリエーション1
詳細はこちらへ
詳細はこちらへ
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItemWithImg t0-b-navItemWithImg--imgL t0-b-navItemWithImg--width- t0-b-navItemWithImg--align-">
                            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                <div class="t0-b-navItemWithImg__img">
                                    <img src="https://placehold.jp/400x160.png">
                                </div>
                                <div data-cms-contenteditable="data.contents.0.text" class="t0-b-navItemWithImg__text">
                                    詳細はこちらへ
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItemWithImg t0-b-navItemWithImg--imgL t0-b-navItemWithImg--width- t0-b-navItemWithImg--align-">
                            <div data-cms-path="data.contents.1"><span><span><span></span></span></span>
                                <div class="t0-b-navItemWithImg__img">
                                    <img src="https://placehold.jp/400x160.png">
                                </div>
                                <div data-cms-contenteditable="data.contents.1.text" class="t0-b-navItemWithImg__text">
                                    詳細はこちらへ
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1
詳細はこちらへ
詳細はこちらへ
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-2 t0-b-layoutSplitter--spacing-4s" data-height-part="">
            <div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItemWithImg t0-b-navItemWithImg--imgR t0-b-navItemWithImg--width- t0-b-navItemWithImg--align-">
                            <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                <div class="t0-b-navItemWithImg__img">
                                    <img src="https://placehold.jp/400x160.png">
                                </div>
                                <div data-cms-contenteditable="data.contents.0.text" class="t0-b-navItemWithImg__text">
                                    詳細はこちらへ
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-layoutSplitter__div">
                    <div>
                        <div class="t0-b-navItemWithImg t0-b-navItemWithImg--imgR t0-b-navItemWithImg--width- t0-b-navItemWithImg--align-">
                            <div data-cms-path="data.contents.1"><span><span><span></span></span></span>
                                <div class="t0-b-navItemWithImg__img">
                                    <img src="https://placehold.jp/400x160.png">
                                </div>
                                <div data-cms-contenteditable="data.contents.1.text" class="t0-b-navItemWithImg__text">
                                    詳細はこちらへ
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

画像の配置

/temp/unittest/parts/1001_mediaCols_acrePartsMain-1mc073_f04.md
  • f04

ブロック名称:画像の配置

[f04:画像の配置(機能仕様)]

デザイン・機能仕様:

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • 指定した位置に画像が配置されていること 
  • 画像列と文章列の間に余白があいていること(余白は画像列についていること) 
  • 全要素がONの時に全ての画像列が指定した位置に配置されていること 
バリエーション1

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter">
        <div class="t0-b-frameOuter__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter__hd t0-b-frameOuter__hd--align- t0-b-frameOuter__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter__hd-inner">
                    <div class="t0-b-frameOuter__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgL ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

中見出し

画像の説明を入力してください(フォントが小さく設定された文章です)

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter">
        <div class="t0-b-frameOuter__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter__hd t0-b-frameOuter__hd--align- t0-b-frameOuter__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter__hd-inner">
                    <div class="t0-b-frameOuter__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-mediaCols t0-b-mediaCols--colW-m t0-b-mediaCols--imgR ex-imageFloat ex-spLayout__vertical">
                    <div class="t0-b-frameOuter__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.7">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                            <div class="t0-b-media__caption">
                                                                <p data-cms-path="data.contents.3">
                                                                    画像の説明を入力してください(フォントが小さく設定された文章です)
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.6">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン<br><br>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ンあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.8.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.9">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.11">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.10">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.12.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.13">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv3H__iconPlacer">
                                                <span class="t0-b-lv3H__icon"></span>
                                            </div>
                                            <h3 data-cms-path="data.contents.0">中見出し</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-mediaCols__div">
                            <div class="t0-b-mediaCols__img" data-cms-path="data.contents.15">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-mediaCols__col" data-cms-path="data.contents.14">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter__row" data-cms-path="data.contents.16">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter__ft outerHtml" data-cms-path="data.contents.17">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

画像の配置

/temp/unittest/parts/1016_twoColsFrameOverlap_acrePartsMain-1mc093_f04.md
  • f04

ブロック名称:画像の配置

[f04:画像の配置(機能仕様)]

デザイン・機能仕様:

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • 指定した位置に画像が配置されていること 
  • 画像列と文章列の間に余白があいていること(余白は画像列についていること) 
  • 全要素がONの時に全ての画像列が指定した位置に配置されていること 
バリエーション1

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

大見出し

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

大見出し

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

大見出し

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter">
        <div class="t0-b-frameOuter__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter__hd t0-b-frameOuter__hd--align- t0-b-frameOuter__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter__hd-inner">
                    <div class="t0-b-frameOuter__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-twoColsFrameOverlap t0-b-twoColsFrameOverlap--colW-m t0-b-twoColsFrameOverlap--imgL">
                    <div class="t0-b-frameOuter__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv2H t0-b-lv2H--align- t0-b-lv2H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv2H__iconPlacer">
                                                <span class="t0-b-lv2H__icon"></span>
                                            </div>
                                            <h2 data-cms-path="data.contents.0">大見出し</h2>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsFrameOverlap__inner">
                            <div class="t0-b-twoColsFrameOverlap__rows">
                                <div class="t0-b-twoColsFrameOverlap__row1" data-cms-path="data.contents.6">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-4s">

                                            <div class="t0-b-lv3H2 t0-b-lv3H2--align- t0-b-lv3H2--size-2" data-height-part="">
                                                <span><span><span></span></span></span>
                                                <div>
                                                    <div class="t0-b-lv3H2__iconPlacer">
                                                        <span class="t0-b-lv3H2__icon"></span>
                                                    </div>
                                                    <h3 data-cms-path="data.contents.0">中見出し</h3>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="t0-b-twoColsFrameOverlap__row2" data-cms-path="data.contents.7">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsFrameOverlap__img" data-cms-path="data.contents.8">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.9.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.10">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv2H t0-b-lv2H--align- t0-b-lv2H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv2H__iconPlacer">
                                                <span class="t0-b-lv2H__icon"></span>
                                            </div>
                                            <h2 data-cms-path="data.contents.0">大見出し</h2>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsFrameOverlap__inner">
                            <div class="t0-b-twoColsFrameOverlap__rows">
                                <div class="t0-b-twoColsFrameOverlap__row1" data-cms-path="data.contents.11">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-4s">

                                            <div class="t0-b-lv3H2 t0-b-lv3H2--align- t0-b-lv3H2--size-2" data-height-part="">
                                                <span><span><span></span></span></span>
                                                <div>
                                                    <div class="t0-b-lv3H2__iconPlacer">
                                                        <span class="t0-b-lv3H2__icon"></span>
                                                    </div>
                                                    <h3 data-cms-path="data.contents.0">中見出し</h3>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="t0-b-twoColsFrameOverlap__row2" data-cms-path="data.contents.12">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsFrameOverlap__img" data-cms-path="data.contents.13">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.14.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.15">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv2H t0-b-lv2H--align- t0-b-lv2H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv2H__iconPlacer">
                                                <span class="t0-b-lv2H__icon"></span>
                                            </div>
                                            <h2 data-cms-path="data.contents.0">大見出し</h2>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsFrameOverlap__inner">
                            <div class="t0-b-twoColsFrameOverlap__rows">
                                <div class="t0-b-twoColsFrameOverlap__row1" data-cms-path="data.contents.16">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-4s">

                                            <div class="t0-b-lv3H2 t0-b-lv3H2--align- t0-b-lv3H2--size-2" data-height-part="">
                                                <span><span><span></span></span></span>
                                                <div>
                                                    <div class="t0-b-lv3H2__iconPlacer">
                                                        <span class="t0-b-lv3H2__icon"></span>
                                                    </div>
                                                    <h3 data-cms-path="data.contents.0">中見出し</h3>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="t0-b-twoColsFrameOverlap__row2" data-cms-path="data.contents.17">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsFrameOverlap__img" data-cms-path="data.contents.18">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter__row" data-cms-path="data.contents.19">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter__ft outerHtml" data-cms-path="data.contents.20">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

見出し補足(上)

上部見出し

見出し補足(下)

大見出し

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

大見出し

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

大見出し

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

詳しくはこちらをクリック
<div class="b-bPlacer-12s">
    <div class="t0-b-frameOuter">
        <div class="t0-b-frameOuter__upper outerHtml" data-cms-path="data.contents.0">
            <div class="ex-leftSpacingTweak-">
                <div class="b-bPlacer-7s">
                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                        <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="t0-b-frameOuter__frame">
            <span><span><span></span></span></span>

            <div class="t0-b-frameOuter__hd t0-b-frameOuter__hd--align- t0-b-frameOuter__hd--size-2" data-switchable-key="contents.1.switchable">
                <span><span><span></span></span></span>
                <div class="t0-b-frameOuter__hd-inner">
                    <div class="t0-b-frameOuter__hd-caption-upper" data-cms-path="data.contents.2">見出し補足(上)</div>
                    <div class="t0-b-frameOuter__hd-h">
                        <h2 data-cms-path="data.contents.1">上部見出し</h2>
                    </div>
                    <div class="t0-b-frameOuter__hd-caption-lower" data-cms-path="data.contents.3">見出し補足(下)</div>
                </div>
            </div>
            <div class="t0-b-frameOuter__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-frame1col t0-b-twoColsFrameOverlap t0-b-twoColsFrameOverlap--colW-m t0-b-twoColsFrameOverlap--imgR">
                    <div class="t0-b-frameOuter__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.4.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.5">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv2H t0-b-lv2H--align- t0-b-lv2H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv2H__iconPlacer">
                                                <span class="t0-b-lv2H__icon"></span>
                                            </div>
                                            <h2 data-cms-path="data.contents.0">大見出し</h2>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsFrameOverlap__inner">
                            <div class="t0-b-twoColsFrameOverlap__rows">
                                <div class="t0-b-twoColsFrameOverlap__row1" data-cms-path="data.contents.6">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-4s">

                                            <div class="t0-b-lv3H2 t0-b-lv3H2--align- t0-b-lv3H2--size-2" data-height-part="">
                                                <span><span><span></span></span></span>
                                                <div>
                                                    <div class="t0-b-lv3H2__iconPlacer">
                                                        <span class="t0-b-lv3H2__icon"></span>
                                                    </div>
                                                    <h3 data-cms-path="data.contents.0">中見出し</h3>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="t0-b-twoColsFrameOverlap__row2" data-cms-path="data.contents.7">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsFrameOverlap__img" data-cms-path="data.contents.8">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.9.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.10">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv2H t0-b-lv2H--align- t0-b-lv2H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv2H__iconPlacer">
                                                <span class="t0-b-lv2H__icon"></span>
                                            </div>
                                            <h2 data-cms-path="data.contents.0">大見出し</h2>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsFrameOverlap__inner">
                            <div class="t0-b-twoColsFrameOverlap__rows">
                                <div class="t0-b-twoColsFrameOverlap__row1" data-cms-path="data.contents.11">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-4s">

                                            <div class="t0-b-lv3H2 t0-b-lv3H2--align- t0-b-lv3H2--size-2" data-height-part="">
                                                <span><span><span></span></span></span>
                                                <div>
                                                    <div class="t0-b-lv3H2__iconPlacer">
                                                        <span class="t0-b-lv3H2__icon"></span>
                                                    </div>
                                                    <h3 data-cms-path="data.contents.0">中見出し</h3>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="t0-b-twoColsFrameOverlap__row2" data-cms-path="data.contents.12">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsFrameOverlap__img" data-cms-path="data.contents.13">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter__row t0-b-frame1col__row t0-b-frame1col__colBasis" data-switchable-key="contents.14.switchable">
                        <div class="t0-b-frame1col__head" data-cms-path="data.contents.15">
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-4s">

                                    <div class="t0-b-lv2H t0-b-lv2H--align- t0-b-lv2H--size-2" data-height-part="">
                                        <span><span><span></span></span></span>
                                        <div>
                                            <div class="t0-b-lv2H__iconPlacer">
                                                <span class="t0-b-lv2H__icon"></span>
                                            </div>
                                            <h2 data-cms-path="data.contents.0">大見出し</h2>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsFrameOverlap__inner">
                            <div class="t0-b-twoColsFrameOverlap__rows">
                                <div class="t0-b-twoColsFrameOverlap__row1" data-cms-path="data.contents.16">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-4s">

                                            <div class="t0-b-lv3H2 t0-b-lv3H2--align- t0-b-lv3H2--size-2" data-height-part="">
                                                <span><span><span></span></span></span>
                                                <div>
                                                    <div class="t0-b-lv3H2__iconPlacer">
                                                        <span class="t0-b-lv3H2__icon"></span>
                                                    </div>
                                                    <h3 data-cms-path="data.contents.0">中見出し</h3>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="t0-b-twoColsFrameOverlap__row2" data-cms-path="data.contents.17">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsFrameOverlap__img" data-cms-path="data.contents.18">
                                <div>
                                    <div class="b-bPlacer-3s">
                                        <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                            <div>
                                                <div class="t0-b-layoutSplitter__div">
                                                    <div>
                                                        <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                            <div class="t0-b-media__media">
                                                                <span><span><span></span></span></span>
                                                                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameOuter__row" data-cms-path="data.contents.19">
                        <div class="ex-leftSpacingTweak-">
                            <div class="b-bPlacer-7s">
                                <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                    <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="t0-b-frameOuter__ft outerHtml" data-cms-path="data.contents.20">
        <div>
            <div class="b-bPlacer-4s">
                <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                    <div data-cms-path="data.contents.0">
                        <span></span>
                        <div data-cms-contenteditable="data.contents.0.text">詳しくはこちらをクリック</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

画像の配置

/temp/unittest/parts/116_articleDecoration_acrePartsMain68_f04.md
  • f04

ブロック名称:画像の配置

バリエーション1

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

装飾見出し

装飾見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

詳細はこちらへ
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-articleDecoration"><span><span><span></span></span></span>
            <div class="t0-b-articleDecoration__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-articleDecoration__bd">
                <div class="t0-b-articleDecoration__box"><span><span><span></span></span></span>
                    <div class="t0-b-articleDecoration__hd-h"><span><span><span></span></span></span>
                        <h4 class="t0-b-articleDecoration--align-" data-cms-path="data.contents.1">装飾見出し</h4>
                    </div>
                    <div class="outerHtml" data-cms-path="data.contents.6"></div>
                    <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgL ex-imageFloat ex-spLayout__vertical">
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1">
                                <div class="outerHtml" data-cms-path="data.contents.2">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                                <div>
                                                    <div class="t0-b-layoutSplitter__div">
                                                        <div>
                                                            <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                                <div class="t0-b-media__media">
                                                                    <span><span><span></span></span></span>
                                                                    <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="t0-b-articleDecoration__hd-h"><span><span><span></span></span></span>
                                    <h4 class="t0-b-articleDecoration--align-" data-cms-path="data.contents.3">装飾見出し</h4>
                                </div>
                                <div class="outerHtml" data-cms-path="data.contents.4">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navBItem t0-b-navBItem--size-2 t0-b-navBItem--width-s t0-b-navBItem--align-c" data-height-part="">
                                                <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="outerHtml" data-cms-path="data.contents.7"></div>
                </div>
            </div>
            <div class="outerHtml" data-cms-path="data.contents.5"></div>
        </div>
    </div>
</div>
バリエーション2

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

装飾見出し

装飾見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

詳細はこちらへ
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-articleDecoration2"><span><span><span></span></span></span>
            <div class="t0-b-articleDecoration2__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-articleDecoration2__bd">
                <div class="t0-b-articleDecoration2__box"><span><span><span></span></span></span>
                    <div class="t0-b-articleDecoration2__hd-h"><span><span><span></span></span></span>
                        <h4 class="t0-b-articleDecoration2--align-" data-cms-path="data.contents.1">装飾見出し</h4>
                    </div>
                    <div class="outerHtml" data-cms-path="data.contents.6"></div>
                    <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgL ex-imageFloat ex-spLayout__vertical">
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1">
                                <div class="outerHtml" data-cms-path="data.contents.2">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                                <div>
                                                    <div class="t0-b-layoutSplitter__div">
                                                        <div>
                                                            <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                                <div class="t0-b-media__media">
                                                                    <span><span><span></span></span></span>
                                                                    <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="t0-b-articleDecoration2__hd-h"><span><span><span></span></span></span>
                                    <h4 class="t0-b-articleDecoration2--align-" data-cms-path="data.contents.3">装飾見出し</h4>
                                </div>
                                <div class="outerHtml" data-cms-path="data.contents.4">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navBItem t0-b-navBItem--size-2 t0-b-navBItem--width-s t0-b-navBItem--align-c" data-height-part="">
                                                <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="outerHtml" data-cms-path="data.contents.7"></div>
                </div>
            </div>
            <div class="outerHtml" data-cms-path="data.contents.5"></div>
        </div>
    </div>
</div>
バリエーション1

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

装飾見出し

装飾見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

詳細はこちらへ
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-articleDecoration"><span><span><span></span></span></span>
            <div class="t0-b-articleDecoration__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-articleDecoration__bd">
                <div class="t0-b-articleDecoration__box"><span><span><span></span></span></span>
                    <div class="t0-b-articleDecoration__hd-h"><span><span><span></span></span></span>
                        <h4 class="t0-b-articleDecoration--align-" data-cms-path="data.contents.1">装飾見出し</h4>
                    </div>
                    <div class="outerHtml" data-cms-path="data.contents.6"></div>
                    <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgR ex-imageFloat ex-spLayout__vertical">
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1">
                                <div class="outerHtml" data-cms-path="data.contents.2">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                                <div>
                                                    <div class="t0-b-layoutSplitter__div">
                                                        <div>
                                                            <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                                <div class="t0-b-media__media">
                                                                    <span><span><span></span></span></span>
                                                                    <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="t0-b-articleDecoration__hd-h"><span><span><span></span></span></span>
                                    <h4 class="t0-b-articleDecoration--align-" data-cms-path="data.contents.3">装飾見出し</h4>
                                </div>
                                <div class="outerHtml" data-cms-path="data.contents.4">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navBItem t0-b-navBItem--size-2 t0-b-navBItem--width-s t0-b-navBItem--align-c" data-height-part="">
                                                <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="outerHtml" data-cms-path="data.contents.7"></div>
                </div>
            </div>
            <div class="outerHtml" data-cms-path="data.contents.5"></div>
        </div>
    </div>
</div>
バリエーション2

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

装飾見出し

装飾見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

詳細はこちらへ
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-articleDecoration2"><span><span><span></span></span></span>
            <div class="t0-b-articleDecoration2__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-articleDecoration2__bd">
                <div class="t0-b-articleDecoration2__box"><span><span><span></span></span></span>
                    <div class="t0-b-articleDecoration2__hd-h"><span><span><span></span></span></span>
                        <h4 class="t0-b-articleDecoration2--align-" data-cms-path="data.contents.1">装飾見出し</h4>
                    </div>
                    <div class="outerHtml" data-cms-path="data.contents.6"></div>
                    <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgR ex-imageFloat ex-spLayout__vertical">
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1">
                                <div class="outerHtml" data-cms-path="data.contents.2">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                                <div>
                                                    <div class="t0-b-layoutSplitter__div">
                                                        <div>
                                                            <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                                <div class="t0-b-media__media">
                                                                    <span><span><span></span></span></span>
                                                                    <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="t0-b-articleDecoration2__hd-h"><span><span><span></span></span></span>
                                    <h4 class="t0-b-articleDecoration2--align-" data-cms-path="data.contents.3">装飾見出し</h4>
                                </div>
                                <div class="outerHtml" data-cms-path="data.contents.4">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navBItem t0-b-navBItem--size-2 t0-b-navBItem--width-s t0-b-navBItem--align-c" data-height-part="">
                                                <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="outerHtml" data-cms-path="data.contents.7"></div>
                </div>
            </div>
            <div class="outerHtml" data-cms-path="data.contents.5"></div>
        </div>
    </div>
</div>

画像の配置

/temp/unittest/parts/132_sideNavItemWithImg_sideNavItemWithImg_f04.md
  • f04

ブロック名称:画像の配置

[f04:画像の配置(機能仕様)]

デザイン・機能仕様:

個別仕様


画像の左右によって、画像と枠線までの距離が変わらないようにする

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • 指定した位置に画像が配置されていること 
  • 画像列と文章列の間に余白があいていること(余白は画像列についていること) 
  • 全要素がONの時に全ての画像列が指定した位置に配置されていること 
バリエーション1
詳細はこちらへ
<div>
    <div class="b-bPlacer-2s">
        <div data-cms-path="contents.0">
            <div class="t0-b-sideNavItemWithImg t0-b-sideNavItemWithImg--imgL">
                <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                    <div class="t0-b-sideNavItemWithImg__img">
                        <img src="https://placehold.jp/400x160.png">
                    </div>
                    <div data-cms-contenteditable="data.contents.0.text" class="t0-b-sideNavItemWithImg__text">
                        詳細はこちらへ
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2
詳細はこちらへ
<div>
    <div class="b-bPlacer-2s">
        <div data-cms-path="contents.0">
            <div class="t0-b-sideNavItemWithImg2 t0-b-sideNavItemWithImg2--imgL">
                <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                    <div class="t0-b-sideNavItemWithImg2__img">
                        <img src="https://placehold.jp/400x160.png">
                    </div>
                    <div data-cms-contenteditable="data.contents.0.text" class="t0-b-sideNavItemWithImg2__text">
                        詳細はこちらへ
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション1
詳細はこちらへ
<div>
    <div class="b-bPlacer-2s">
        <div data-cms-path="contents.0">
            <div class="t0-b-sideNavItemWithImg t0-b-sideNavItemWithImg--imgR">
                <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                    <div class="t0-b-sideNavItemWithImg__img">
                        <img src="https://placehold.jp/400x160.png">
                    </div>
                    <div data-cms-contenteditable="data.contents.0.text" class="t0-b-sideNavItemWithImg__text">
                        詳細はこちらへ
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
バリエーション2
詳細はこちらへ
<div>
    <div class="b-bPlacer-2s">
        <div data-cms-path="contents.0">
            <div class="t0-b-sideNavItemWithImg2 t0-b-sideNavItemWithImg2--imgR">
                <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                    <div class="t0-b-sideNavItemWithImg2__img">
                        <img src="https://placehold.jp/400x160.png">
                    </div>
                    <div data-cms-contenteditable="data.contents.0.text" class="t0-b-sideNavItemWithImg2__text">
                        詳細はこちらへ
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

画像の配置

/temp/unittest/parts/145_sideBoxMediaBox_sideBoxMediaBox_f04.md
  • f04

ブロック名称:画像の配置

[f04:画像の配置(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 指定した位置に画像が配置されていること 
  • 画像列と文章列の間に余白があいていること(余白は画像列についていること) 
バリエーション1

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-sideBoxMediaBox t0-b-sideBoxMediaBox--imgL ex-imageFloat">
            <div class="t0-b-sideBoxMediaBox__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
            </div>
            <div class="t0-b-sideBoxMediaBox__text">
                <p data-cms-path="data.contents.1">あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
バリエーション1

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-sideBoxMediaBox t0-b-sideBoxMediaBox--imgR ex-imageFloat">
            <div class="t0-b-sideBoxMediaBox__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
            </div>
            <div class="t0-b-sideBoxMediaBox__text">
                <p data-cms-path="data.contents.1">あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>

画像の配置

/temp/unittest/parts/215_twoColsMedia_acrePartsMain68_f04.md
  • f04

ブロック名称:画像の配置

[f04:画像の配置(機能仕様)]

デザイン・機能仕様:

個別仕様


PC
画像と文章の間の余白 4%
SP
画像と文章の間の余白 10px

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • 指定した位置に画像が配置されていること 
  • 画像列と文章列の間に余白があいていること(余白は画像列についていること) 
  • 全要素がONの時に全ての画像列が指定した位置に配置されていること 
バリエーション1

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

装飾見出し

装飾見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

詳細はこちらへ
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-articleDecoration"><span><span><span></span></span></span>
            <div class="t0-b-articleDecoration__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-articleDecoration__bd">
                <div class="t0-b-articleDecoration__box"><span><span><span></span></span></span>
                    <div class="t0-b-articleDecoration__hd-h"><span><span><span></span></span></span>
                        <h4 class="t0-b-articleDecoration--align-" data-cms-path="data.contents.1">装飾見出し</h4>
                    </div>
                    <div class="outerHtml" data-cms-path="data.contents.6"></div>
                    <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgL ex-imageFloat ex-spLayout__vertical">
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1">
                                <div class="outerHtml" data-cms-path="data.contents.2">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                                <div>
                                                    <div class="t0-b-layoutSplitter__div">
                                                        <div>
                                                            <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                                <div class="t0-b-media__media">
                                                                    <span><span><span></span></span></span>
                                                                    <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="t0-b-articleDecoration__hd-h"><span><span><span></span></span></span>
                                    <h4 class="t0-b-articleDecoration--align-" data-cms-path="data.contents.3">装飾見出し</h4>
                                </div>
                                <div class="outerHtml" data-cms-path="data.contents.4">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navBItem t0-b-navBItem--size-2 t0-b-navBItem--width-s t0-b-navBItem--align-c" data-height-part="">
                                                <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="outerHtml" data-cms-path="data.contents.7"></div>
                </div>
            </div>
            <div class="outerHtml" data-cms-path="data.contents.5"></div>
        </div>
    </div>
</div>
バリエーション1

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん

装飾見出し

装飾見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

詳細はこちらへ
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-articleDecoration"><span><span><span></span></span></span>
            <div class="t0-b-articleDecoration__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・ん</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-articleDecoration__bd">
                <div class="t0-b-articleDecoration__box"><span><span><span></span></span></span>
                    <div class="t0-b-articleDecoration__hd-h"><span><span><span></span></span></span>
                        <h4 class="t0-b-articleDecoration--align-" data-cms-path="data.contents.1">装飾見出し</h4>
                    </div>
                    <div class="outerHtml" data-cms-path="data.contents.6"></div>
                    <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m t0-b-twoColsMedia--imgR ex-imageFloat ex-spLayout__vertical">
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1">
                                <div class="outerHtml" data-cms-path="data.contents.2">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                                <div>
                                                    <div class="t0-b-layoutSplitter__div">
                                                        <div>
                                                            <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                                <div class="t0-b-media__media">
                                                                    <span><span><span></span></span></span>
                                                                    <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="t0-b-articleDecoration__hd-h"><span><span><span></span></span></span>
                                    <h4 class="t0-b-articleDecoration--align-" data-cms-path="data.contents.3">装飾見出し</h4>
                                </div>
                                <div class="outerHtml" data-cms-path="data.contents.4">
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navBItem t0-b-navBItem--size-2 t0-b-navBItem--width-s t0-b-navBItem--align-c" data-height-part="">
                                                <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="outerHtml" data-cms-path="data.contents.7"></div>
                </div>
            </div>
            <div class="outerHtml" data-cms-path="data.contents.5"></div>
        </div>
    </div>
</div>

画像の配置

/temp/unittest/parts/223_twoColsMediaCardLandscape_acrePartsMain119_f04.md
  • f04

ブロック名称:画像の配置

[f04:画像の配置(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 指定した位置に画像が配置されていること 
  • 画像列と文章列の間に余白があいていること(余白は画像列についていること) 
  • 全要素がONの時に全ての画像列が指定した位置に配置されていること 
バリエーション1

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

詳細はこちらへ

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

詳細はこちらへ

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

詳細はこちらへ

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

<div data-part-type="fullWidth">
    <div>
        <div class="t0-b-fullWidthFrameCard">
            <span><span><span></span></span></span>
            <div class="t0-b-fullWidthFrameCard__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                        </div>
                    </div>
                </div>

            </div>
            <div class="t0-b-fullWidthFrameCard__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMediaCardLandscape t0-b-twoColsMediaCardLandscape--colW-l t0-b-twoColsMediaCardLandscape--imgL">
                    <div class="t0-b-twoColsMediaCardLandscape__row">
                        <div class="t0-b-twoColsMediaCardLandscape__row1col1 outerHtml" data-cms-path="data.contents.1">
                            <div class="t0-b-mediaObjFit">
                                <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                            </div>

                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape__row1col2">
                            <div class="outerHtml" data-cms-path="data.contents.2">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-4s">

                                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                            <span><span><span></span></span></span>
                                            <div>
                                                <div class="t0-b-lv3H__iconPlacer">
                                                    <span class="t0-b-lv3H__icon"></span>
                                                </div>
                                                <h3 data-cms-path="data.contents.0">中見出し</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <div class="b-bPlacer-4s">
                                        <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                            <div data-cms-path="data.contents.0">
                                                <span></span>
                                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.3.switchable" class="t0-b-twoColsMediaCardLandscape__row">
                        <div class="t0-b-twoColsMediaCardLandscape__row2col1 outerHtml" data-cms-path="data.contents.4">
                            <div class="t0-b-mediaObjFit">
                                <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                            </div>

                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape__row2col2">
                            <div class="outerHtml" data-cms-path="data.contents.3">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-4s">

                                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                            <span><span><span></span></span></span>
                                            <div>
                                                <div class="t0-b-lv3H__iconPlacer">
                                                    <span class="t0-b-lv3H__icon"></span>
                                                </div>
                                                <h3 data-cms-path="data.contents.0">中見出し</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <div class="b-bPlacer-4s">
                                        <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                            <div data-cms-path="data.contents.0">
                                                <span></span>
                                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.5.switchable" class="t0-b-twoColsMediaCardLandscape__row">
                        <div class="t0-b-twoColsMediaCardLandscape__row3col1 outerHtml" data-cms-path="data.contents.6">
                            <div class="t0-b-mediaObjFit">
                                <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                            </div>

                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape__row3col2">
                            <div class="outerHtml" data-cms-path="data.contents.5">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-4s">

                                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                            <span><span><span></span></span></span>
                                            <div>
                                                <div class="t0-b-lv3H__iconPlacer">
                                                    <span class="t0-b-lv3H__icon"></span>
                                                </div>
                                                <h3 data-cms-path="data.contents.0">中見出し</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <div class="b-bPlacer-4s">
                                        <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                            <div data-cms-path="data.contents.0">
                                                <span></span>
                                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-fullWidthFrameCard__ft outerHtml" data-cms-path="data.contents.7">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
バリエーション2

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

詳細はこちらへ

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

詳細はこちらへ

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

詳細はこちらへ

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

<div data-part-type="fullWidth">
    <div>
        <div class="t0-b-fullWidthFrameCard2">
            <span><span><span></span></span></span>
            <div class="t0-b-fullWidthFrameCard2__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                        </div>
                    </div>
                </div>

            </div>
            <div class="t0-b-fullWidthFrameCard2__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMediaCardLandscape t0-b-twoColsMediaCardLandscape--colW-l t0-b-twoColsMediaCardLandscape--imgL">
                    <div class="t0-b-twoColsMediaCardLandscape__row">
                        <div class="t0-b-twoColsMediaCardLandscape__row1col1 outerHtml" data-cms-path="data.contents.1">
                            <div class="t0-b-mediaObjFit">
                                <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                            </div>

                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape__row1col2">
                            <div class="outerHtml" data-cms-path="data.contents.2">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-4s">

                                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                            <span><span><span></span></span></span>
                                            <div>
                                                <div class="t0-b-lv3H__iconPlacer">
                                                    <span class="t0-b-lv3H__icon"></span>
                                                </div>
                                                <h3 data-cms-path="data.contents.0">中見出し</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <div class="b-bPlacer-4s">
                                        <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                            <div data-cms-path="data.contents.0">
                                                <span></span>
                                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.3.switchable" class="t0-b-twoColsMediaCardLandscape__row">
                        <div class="t0-b-twoColsMediaCardLandscape__row2col1 outerHtml" data-cms-path="data.contents.4">
                            <div class="t0-b-mediaObjFit">
                                <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                            </div>

                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape__row2col2">
                            <div class="outerHtml" data-cms-path="data.contents.3">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-4s">

                                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                            <span><span><span></span></span></span>
                                            <div>
                                                <div class="t0-b-lv3H__iconPlacer">
                                                    <span class="t0-b-lv3H__icon"></span>
                                                </div>
                                                <h3 data-cms-path="data.contents.0">中見出し</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <div class="b-bPlacer-4s">
                                        <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                            <div data-cms-path="data.contents.0">
                                                <span></span>
                                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.5.switchable" class="t0-b-twoColsMediaCardLandscape__row">
                        <div class="t0-b-twoColsMediaCardLandscape__row3col1 outerHtml" data-cms-path="data.contents.6">
                            <div class="t0-b-mediaObjFit">
                                <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                            </div>

                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape__row3col2">
                            <div class="outerHtml" data-cms-path="data.contents.5">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-4s">

                                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                            <span><span><span></span></span></span>
                                            <div>
                                                <div class="t0-b-lv3H__iconPlacer">
                                                    <span class="t0-b-lv3H__icon"></span>
                                                </div>
                                                <h3 data-cms-path="data.contents.0">中見出し</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <div class="b-bPlacer-4s">
                                        <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                            <div data-cms-path="data.contents.0">
                                                <span></span>
                                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-fullWidthFrameCard2__ft outerHtml" data-cms-path="data.contents.7">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
バリエーション1

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

詳細はこちらへ

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

詳細はこちらへ

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

詳細はこちらへ

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

<div data-part-type="fullWidth">
    <div>
        <div class="t0-b-fullWidthFrameCard">
            <span><span><span></span></span></span>
            <div class="t0-b-fullWidthFrameCard__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                        </div>
                    </div>
                </div>

            </div>
            <div class="t0-b-fullWidthFrameCard__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMediaCardLandscape t0-b-twoColsMediaCardLandscape--colW-l t0-b-twoColsMediaCardLandscape--imgR">
                    <div class="t0-b-twoColsMediaCardLandscape__row">
                        <div class="t0-b-twoColsMediaCardLandscape__row1col1 outerHtml" data-cms-path="data.contents.1">
                            <div class="t0-b-mediaObjFit">
                                <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                            </div>

                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape__row1col2">
                            <div class="outerHtml" data-cms-path="data.contents.2">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-4s">

                                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                            <span><span><span></span></span></span>
                                            <div>
                                                <div class="t0-b-lv3H__iconPlacer">
                                                    <span class="t0-b-lv3H__icon"></span>
                                                </div>
                                                <h3 data-cms-path="data.contents.0">中見出し</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <div class="b-bPlacer-4s">
                                        <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                            <div data-cms-path="data.contents.0">
                                                <span></span>
                                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.3.switchable" class="t0-b-twoColsMediaCardLandscape__row">
                        <div class="t0-b-twoColsMediaCardLandscape__row2col1 outerHtml" data-cms-path="data.contents.4">
                            <div class="t0-b-mediaObjFit">
                                <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                            </div>

                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape__row2col2">
                            <div class="outerHtml" data-cms-path="data.contents.3">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-4s">

                                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                            <span><span><span></span></span></span>
                                            <div>
                                                <div class="t0-b-lv3H__iconPlacer">
                                                    <span class="t0-b-lv3H__icon"></span>
                                                </div>
                                                <h3 data-cms-path="data.contents.0">中見出し</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <div class="b-bPlacer-4s">
                                        <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                            <div data-cms-path="data.contents.0">
                                                <span></span>
                                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.5.switchable" class="t0-b-twoColsMediaCardLandscape__row">
                        <div class="t0-b-twoColsMediaCardLandscape__row3col1 outerHtml" data-cms-path="data.contents.6">
                            <div class="t0-b-mediaObjFit">
                                <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                            </div>

                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape__row3col2">
                            <div class="outerHtml" data-cms-path="data.contents.5">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-4s">

                                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                            <span><span><span></span></span></span>
                                            <div>
                                                <div class="t0-b-lv3H__iconPlacer">
                                                    <span class="t0-b-lv3H__icon"></span>
                                                </div>
                                                <h3 data-cms-path="data.contents.0">中見出し</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <div class="b-bPlacer-4s">
                                        <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                            <div data-cms-path="data.contents.0">
                                                <span></span>
                                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-fullWidthFrameCard__ft outerHtml" data-cms-path="data.contents.7">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
バリエーション2

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

詳細はこちらへ

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

詳細はこちらへ

中見出し

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

詳細はこちらへ

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

<div data-part-type="fullWidth">
    <div>
        <div class="t0-b-fullWidthFrameCard2">
            <span><span><span></span></span></span>
            <div class="t0-b-fullWidthFrameCard2__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                        </div>
                    </div>
                </div>

            </div>
            <div class="t0-b-fullWidthFrameCard2__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMediaCardLandscape t0-b-twoColsMediaCardLandscape--colW-l t0-b-twoColsMediaCardLandscape--imgR">
                    <div class="t0-b-twoColsMediaCardLandscape__row">
                        <div class="t0-b-twoColsMediaCardLandscape__row1col1 outerHtml" data-cms-path="data.contents.1">
                            <div class="t0-b-mediaObjFit">
                                <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                            </div>

                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape__row1col2">
                            <div class="outerHtml" data-cms-path="data.contents.2">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-4s">

                                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                            <span><span><span></span></span></span>
                                            <div>
                                                <div class="t0-b-lv3H__iconPlacer">
                                                    <span class="t0-b-lv3H__icon"></span>
                                                </div>
                                                <h3 data-cms-path="data.contents.0">中見出し</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <div class="b-bPlacer-4s">
                                        <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                            <div data-cms-path="data.contents.0">
                                                <span></span>
                                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.3.switchable" class="t0-b-twoColsMediaCardLandscape__row">
                        <div class="t0-b-twoColsMediaCardLandscape__row2col1 outerHtml" data-cms-path="data.contents.4">
                            <div class="t0-b-mediaObjFit">
                                <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                            </div>

                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape__row2col2">
                            <div class="outerHtml" data-cms-path="data.contents.3">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-4s">

                                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                            <span><span><span></span></span></span>
                                            <div>
                                                <div class="t0-b-lv3H__iconPlacer">
                                                    <span class="t0-b-lv3H__icon"></span>
                                                </div>
                                                <h3 data-cms-path="data.contents.0">中見出し</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <div class="b-bPlacer-4s">
                                        <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                            <div data-cms-path="data.contents.0">
                                                <span></span>
                                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.5.switchable" class="t0-b-twoColsMediaCardLandscape__row">
                        <div class="t0-b-twoColsMediaCardLandscape__row3col1 outerHtml" data-cms-path="data.contents.6">
                            <div class="t0-b-mediaObjFit">
                                <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                            </div>

                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape__row3col2">
                            <div class="outerHtml" data-cms-path="data.contents.5">
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-4s">

                                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                                            <span><span><span></span></span></span>
                                            <div>
                                                <div class="t0-b-lv3H__iconPlacer">
                                                    <span class="t0-b-lv3H__icon"></span>
                                                </div>
                                                <h3 data-cms-path="data.contents.0">中見出し</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ex-leftSpacingTweak-">
                                    <div class="b-bPlacer-7s">
                                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <div class="b-bPlacer-4s">
                                        <div class="t0-b-navItem t0-b-navItem--size-3 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                            <div data-cms-path="data.contents.0">
                                                <span></span>
                                                <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-fullWidthFrameCard2__ft outerHtml" data-cms-path="data.contents.7">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

画像の配置

/temp/unittest/parts/225_twoColsMediaCardLandscape2col_acrePartsMain120_f04.md
  • f04

ブロック名称:画像の配置

[f04:画像の配置(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 指定した位置に画像が配置されていること 
  • 画像列と文章列の間に余白があいていること(余白は画像列についていること) 
  • 全要素がONの時に全ての画像列が指定した位置に配置されていること 
バリエーション1

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

小見出し

お気軽にお問合せください。

詳細はこちら
小見出し

お気軽にお問合せください。

詳細はこちら
小見出し

お気軽にお問合せください。

詳細はこちら
小見出し

お気軽にお問合せください。

詳細はこちら
小見出し

お気軽にお問合せください。

詳細はこちら
小見出し

お気軽にお問合せください。

詳細はこちら

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

<div data-part-type="fullWidth">
    <div>
        <div class="t0-b-fullWidthFrameCard">
            <span><span><span></span></span></span>
            <div class="t0-b-fullWidthFrameCard__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                        </div>
                    </div>
                </div>

            </div>
            <div class="t0-b-fullWidthFrameCard__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMediaCardLandscape2col t0-b-twoColsMediaCardLandscape2col--colW-l t0-b-twoColsMediaCardLandscape2col--imgL">
                    <div class="t0-b-twoColsMediaCardLandscape2col__wrapper">
                        <div class="t0-b-twoColsMediaCardLandscape2col__row t0-b-twoColsMediaCardLandscape2col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape2col__row1col1 outerHtml" data-cms-path="data.contents.1">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape2col__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.2">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちら</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape2col__colSpace t0-b-twoColsMediaCardLandscape2col__colSpace--colSpacing-"></div>
                        <div data-switchable-key="contents.3.switchable" class="t0-b-twoColsMediaCardLandscape2col__row t0-b-twoColsMediaCardLandscape2col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape2col__row1col3 outerHtml" data-cms-path="data.contents.4">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape2col__row1col4">
                                <div class="outerHtml" data-cms-path="data.contents.3">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちら</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaCardLandscape2col__wrapper">
                        <div data-switchable-key="contents.5.switchable" class="t0-b-twoColsMediaCardLandscape2col__row t0-b-twoColsMediaCardLandscape2col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape2col__row2col1 outerHtml" data-cms-path="data.contents.6">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape2col__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちら</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape2col__colSpace t0-b-twoColsMediaCardLandscape2col__colSpace--colSpacing-"></div>
                        <div data-switchable-key="contents.7.switchable" class="t0-b-twoColsMediaCardLandscape2col__row t0-b-twoColsMediaCardLandscape2col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape2col__row2col3 outerHtml" data-cms-path="data.contents.8">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape2col__row2col4">
                                <div class="outerHtml" data-cms-path="data.contents.7">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちら</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaCardLandscape2col__wrapper">
                        <div data-switchable-key="contents.9.switchable" class="t0-b-twoColsMediaCardLandscape2col__row t0-b-twoColsMediaCardLandscape2col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape2col__row3col1 outerHtml" data-cms-path="data.contents.10">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape2col__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.9">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちら</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape2col__colSpace t0-b-twoColsMediaCardLandscape2col__colSpace--colSpacing-"></div>
                        <div data-switchable-key="contents.11.switchable" class="t0-b-twoColsMediaCardLandscape2col__row t0-b-twoColsMediaCardLandscape2col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape2col__row3col3 outerHtml" data-cms-path="data.contents.12">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape2col__row3col4">
                                <div class="outerHtml" data-cms-path="data.contents.11">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちら</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-fullWidthFrameCard__ft outerHtml" data-cms-path="data.contents.13">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
バリエーション2

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

小見出し

お気軽にお問合せください。

詳細はこちら
小見出し

お気軽にお問合せください。

詳細はこちら
小見出し

お気軽にお問合せください。

詳細はこちら
小見出し

お気軽にお問合せください。

詳細はこちら
小見出し

お気軽にお問合せください。

詳細はこちら
小見出し

お気軽にお問合せください。

詳細はこちら

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

<div data-part-type="fullWidth">
    <div>
        <div class="t0-b-fullWidthFrameCard2">
            <span><span><span></span></span></span>
            <div class="t0-b-fullWidthFrameCard2__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                        </div>
                    </div>
                </div>

            </div>
            <div class="t0-b-fullWidthFrameCard2__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMediaCardLandscape2col t0-b-twoColsMediaCardLandscape2col--colW-l t0-b-twoColsMediaCardLandscape2col--imgL">
                    <div class="t0-b-twoColsMediaCardLandscape2col__wrapper">
                        <div class="t0-b-twoColsMediaCardLandscape2col__row t0-b-twoColsMediaCardLandscape2col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape2col__row1col1 outerHtml" data-cms-path="data.contents.1">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape2col__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.2">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちら</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape2col__colSpace t0-b-twoColsMediaCardLandscape2col__colSpace--colSpacing-"></div>
                        <div data-switchable-key="contents.3.switchable" class="t0-b-twoColsMediaCardLandscape2col__row t0-b-twoColsMediaCardLandscape2col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape2col__row1col3 outerHtml" data-cms-path="data.contents.4">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape2col__row1col4">
                                <div class="outerHtml" data-cms-path="data.contents.3">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちら</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaCardLandscape2col__wrapper">
                        <div data-switchable-key="contents.5.switchable" class="t0-b-twoColsMediaCardLandscape2col__row t0-b-twoColsMediaCardLandscape2col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape2col__row2col1 outerHtml" data-cms-path="data.contents.6">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape2col__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちら</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape2col__colSpace t0-b-twoColsMediaCardLandscape2col__colSpace--colSpacing-"></div>
                        <div data-switchable-key="contents.7.switchable" class="t0-b-twoColsMediaCardLandscape2col__row t0-b-twoColsMediaCardLandscape2col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape2col__row2col3 outerHtml" data-cms-path="data.contents.8">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape2col__row2col4">
                                <div class="outerHtml" data-cms-path="data.contents.7">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちら</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaCardLandscape2col__wrapper">
                        <div data-switchable-key="contents.9.switchable" class="t0-b-twoColsMediaCardLandscape2col__row t0-b-twoColsMediaCardLandscape2col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape2col__row3col1 outerHtml" data-cms-path="data.contents.10">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape2col__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.9">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちら</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape2col__colSpace t0-b-twoColsMediaCardLandscape2col__colSpace--colSpacing-"></div>
                        <div data-switchable-key="contents.11.switchable" class="t0-b-twoColsMediaCardLandscape2col__row t0-b-twoColsMediaCardLandscape2col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape2col__row3col3 outerHtml" data-cms-path="data.contents.12">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape2col__row3col4">
                                <div class="outerHtml" data-cms-path="data.contents.11">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちら</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-fullWidthFrameCard2__ft outerHtml" data-cms-path="data.contents.13">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
バリエーション1

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

小見出し

お気軽にお問合せください。

詳細はこちら
小見出し

お気軽にお問合せください。

詳細はこちら
小見出し

お気軽にお問合せください。

詳細はこちら
小見出し

お気軽にお問合せください。

詳細はこちら
小見出し

お気軽にお問合せください。

詳細はこちら
小見出し

お気軽にお問合せください。

詳細はこちら

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

<div data-part-type="fullWidth">
    <div>
        <div class="t0-b-fullWidthFrameCard">
            <span><span><span></span></span></span>
            <div class="t0-b-fullWidthFrameCard__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                        </div>
                    </div>
                </div>

            </div>
            <div class="t0-b-fullWidthFrameCard__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMediaCardLandscape2col t0-b-twoColsMediaCardLandscape2col--colW-l t0-b-twoColsMediaCardLandscape2col--imgR">
                    <div class="t0-b-twoColsMediaCardLandscape2col__wrapper">
                        <div class="t0-b-twoColsMediaCardLandscape2col__row t0-b-twoColsMediaCardLandscape2col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape2col__row1col1 outerHtml" data-cms-path="data.contents.1">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape2col__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.2">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちら</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape2col__colSpace t0-b-twoColsMediaCardLandscape2col__colSpace--colSpacing-"></div>
                        <div data-switchable-key="contents.3.switchable" class="t0-b-twoColsMediaCardLandscape2col__row t0-b-twoColsMediaCardLandscape2col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape2col__row1col3 outerHtml" data-cms-path="data.contents.4">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape2col__row1col4">
                                <div class="outerHtml" data-cms-path="data.contents.3">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちら</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaCardLandscape2col__wrapper">
                        <div data-switchable-key="contents.5.switchable" class="t0-b-twoColsMediaCardLandscape2col__row t0-b-twoColsMediaCardLandscape2col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape2col__row2col1 outerHtml" data-cms-path="data.contents.6">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape2col__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちら</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape2col__colSpace t0-b-twoColsMediaCardLandscape2col__colSpace--colSpacing-"></div>
                        <div data-switchable-key="contents.7.switchable" class="t0-b-twoColsMediaCardLandscape2col__row t0-b-twoColsMediaCardLandscape2col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape2col__row2col3 outerHtml" data-cms-path="data.contents.8">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape2col__row2col4">
                                <div class="outerHtml" data-cms-path="data.contents.7">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちら</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaCardLandscape2col__wrapper">
                        <div data-switchable-key="contents.9.switchable" class="t0-b-twoColsMediaCardLandscape2col__row t0-b-twoColsMediaCardLandscape2col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape2col__row3col1 outerHtml" data-cms-path="data.contents.10">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape2col__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.9">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちら</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape2col__colSpace t0-b-twoColsMediaCardLandscape2col__colSpace--colSpacing-"></div>
                        <div data-switchable-key="contents.11.switchable" class="t0-b-twoColsMediaCardLandscape2col__row t0-b-twoColsMediaCardLandscape2col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape2col__row3col3 outerHtml" data-cms-path="data.contents.12">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape2col__row3col4">
                                <div class="outerHtml" data-cms-path="data.contents.11">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちら</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-fullWidthFrameCard__ft outerHtml" data-cms-path="data.contents.13">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
バリエーション2

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

小見出し

お気軽にお問合せください。

詳細はこちら
小見出し

お気軽にお問合せください。

詳細はこちら
小見出し

お気軽にお問合せください。

詳細はこちら
小見出し

お気軽にお問合せください。

詳細はこちら
小見出し

お気軽にお問合せください。

詳細はこちら
小見出し

お気軽にお問合せください。

詳細はこちら

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

<div data-part-type="fullWidth">
    <div>
        <div class="t0-b-fullWidthFrameCard2">
            <span><span><span></span></span></span>
            <div class="t0-b-fullWidthFrameCard2__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                        </div>
                    </div>
                </div>

            </div>
            <div class="t0-b-fullWidthFrameCard2__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMediaCardLandscape2col t0-b-twoColsMediaCardLandscape2col--colW-l t0-b-twoColsMediaCardLandscape2col--imgR">
                    <div class="t0-b-twoColsMediaCardLandscape2col__wrapper">
                        <div class="t0-b-twoColsMediaCardLandscape2col__row t0-b-twoColsMediaCardLandscape2col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape2col__row1col1 outerHtml" data-cms-path="data.contents.1">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape2col__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.2">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちら</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape2col__colSpace t0-b-twoColsMediaCardLandscape2col__colSpace--colSpacing-"></div>
                        <div data-switchable-key="contents.3.switchable" class="t0-b-twoColsMediaCardLandscape2col__row t0-b-twoColsMediaCardLandscape2col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape2col__row1col3 outerHtml" data-cms-path="data.contents.4">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape2col__row1col4">
                                <div class="outerHtml" data-cms-path="data.contents.3">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちら</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaCardLandscape2col__wrapper">
                        <div data-switchable-key="contents.5.switchable" class="t0-b-twoColsMediaCardLandscape2col__row t0-b-twoColsMediaCardLandscape2col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape2col__row2col1 outerHtml" data-cms-path="data.contents.6">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape2col__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちら</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape2col__colSpace t0-b-twoColsMediaCardLandscape2col__colSpace--colSpacing-"></div>
                        <div data-switchable-key="contents.7.switchable" class="t0-b-twoColsMediaCardLandscape2col__row t0-b-twoColsMediaCardLandscape2col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape2col__row2col3 outerHtml" data-cms-path="data.contents.8">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape2col__row2col4">
                                <div class="outerHtml" data-cms-path="data.contents.7">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちら</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaCardLandscape2col__wrapper">
                        <div data-switchable-key="contents.9.switchable" class="t0-b-twoColsMediaCardLandscape2col__row t0-b-twoColsMediaCardLandscape2col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape2col__row3col1 outerHtml" data-cms-path="data.contents.10">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape2col__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.9">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちら</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape2col__colSpace t0-b-twoColsMediaCardLandscape2col__colSpace--colSpacing-"></div>
                        <div data-switchable-key="contents.11.switchable" class="t0-b-twoColsMediaCardLandscape2col__row t0-b-twoColsMediaCardLandscape2col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape2col__row3col3 outerHtml" data-cms-path="data.contents.12">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape2col__row3col4">
                                <div class="outerHtml" data-cms-path="data.contents.11">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-2 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちら</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-fullWidthFrameCard2__ft outerHtml" data-cms-path="data.contents.13">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

画像の配置

/temp/unittest/parts/226_twoColsMediaCardLandscape3col_acrePartsMain121_f04.md
  • f04

ブロック名称:画像の配置

[f04:画像の配置(機能仕様)]

デザイン・機能仕様:

個別仕様

テストケース:

  • 指定した位置に画像が配置されていること 
  • 画像列と文章列の間に余白があいていること(余白は画像列についていること) 
  • 全要素がONの時に全ての画像列が指定した位置に配置されていること 
バリエーション1

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

小見出し

お気軽にお問合せください。

詳細はこちらへ
小見出し

お気軽にお問合せください。

詳細はこちらへ
小見出し

お気軽にお問合せください。

詳細はこちらへ
小見出し

お気軽にお問合せください。

詳細はこちらへ
小見出し

お気軽にお問合せください。

詳細はこちらへ
小見出し

お気軽にお問合せください。

詳細はこちらへ
小見出し

お気軽にお問合せください。

詳細はこちらへ
小見出し

お気軽にお問合せください。

詳細はこちらへ
小見出し

お気軽にお問合せください。

詳細はこちらへ

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

<div data-part-type="fullWidth">
    <div>
        <div class="t0-b-fullWidthFrameCard">
            <span><span><span></span></span></span>
            <div class="t0-b-fullWidthFrameCard__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                        </div>
                    </div>
                </div>

            </div>
            <div class="t0-b-fullWidthFrameCard__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMediaCardLandscape3col t0-b-twoColsMediaCardLandscape3col--colW-l t0-b-twoColsMediaCardLandscape3col--imgL">
                    <div class="t0-b-twoColsMediaCardLandscape3col__wrapper">
                        <div class="t0-b-twoColsMediaCardLandscape3col__row t0-b-twoColsMediaCardLandscape3col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape3col__row1col1 outerHtml" data-cms-path="data.contents.1">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape3col__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.2">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-topSpacingTweak-up-1s">
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-1 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape3col__colSpace t0-b-twoColsMediaCardLandscape3col__colSpace--colSpacing-"></div>
                        <div data-switchable-key="contents.3.switchable" class="t0-b-twoColsMediaCardLandscape3col__row t0-b-twoColsMediaCardLandscape3col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape3col__row1col3 outerHtml" data-cms-path="data.contents.4">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape3col__row1col4">
                                <div class="outerHtml" data-cms-path="data.contents.3">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-topSpacingTweak-up-1s">
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-1 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape3col__colSpace t0-b-twoColsMediaCardLandscape3col__colSpace--colSpacing-"></div>
                        <div data-switchable-key="contents.5.switchable" class="t0-b-twoColsMediaCardLandscape3col__row t0-b-twoColsMediaCardLandscape3col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape3col__row1col5 outerHtml" data-cms-path="data.contents.6">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape3col__row1col6">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-topSpacingTweak-up-1s">
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-1 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaCardLandscape3col__wrapper">
                        <div data-switchable-key="contents.7.switchable" class="t0-b-twoColsMediaCardLandscape3col__row t0-b-twoColsMediaCardLandscape3col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape3col__row2col1 outerHtml" data-cms-path="data.contents.8">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape3col__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.7">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-topSpacingTweak-up-1s">
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-1 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape3col__colSpace t0-b-twoColsMediaCardLandscape3col__colSpace--colSpacing-"></div>
                        <div data-switchable-key="contents.9.switchable" class="t0-b-twoColsMediaCardLandscape3col__row t0-b-twoColsMediaCardLandscape3col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape3col__row2col3 outerHtml" data-cms-path="data.contents.10">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape3col__row2col4">
                                <div class="outerHtml" data-cms-path="data.contents.9">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-topSpacingTweak-up-1s">
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-1 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape3col__colSpace t0-b-twoColsMediaCardLandscape3col__colSpace--colSpacing-"></div>
                        <div data-switchable-key="contents.11.switchable" class="t0-b-twoColsMediaCardLandscape3col__row t0-b-twoColsMediaCardLandscape3col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape3col__row2col5 outerHtml" data-cms-path="data.contents.12">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape3col__row2col6">
                                <div class="outerHtml" data-cms-path="data.contents.11">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-topSpacingTweak-up-1s">
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-1 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaCardLandscape3col__wrapper">
                        <div data-switchable-key="contents.13.switchable" class="t0-b-twoColsMediaCardLandscape3col__row t0-b-twoColsMediaCardLandscape3col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape3col__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape3col__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-topSpacingTweak-up-1s">
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-1 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape3col__colSpace t0-b-twoColsMediaCardLandscape3col__colSpace--colSpacing-"></div>
                        <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaCardLandscape3col__row t0-b-twoColsMediaCardLandscape3col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape3col__row3col3 outerHtml" data-cms-path="data.contents.16">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape3col__row3col4">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-topSpacingTweak-up-1s">
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-1 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape3col__colSpace t0-b-twoColsMediaCardLandscape3col__colSpace--colSpacing-"></div>
                        <div data-switchable-key="contents.17.switchable" class="t0-b-twoColsMediaCardLandscape3col__row t0-b-twoColsMediaCardLandscape3col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape3col__row3col5 outerHtml" data-cms-path="data.contents.18">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape3col__row3col6">
                                <div class="outerHtml" data-cms-path="data.contents.17">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-topSpacingTweak-up-1s">
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-1 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-fullWidthFrameCard__ft outerHtml" data-cms-path="data.contents.19">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
バリエーション1

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

小見出し

お気軽にお問合せください。

詳細はこちらへ
小見出し

お気軽にお問合せください。

詳細はこちらへ
小見出し

お気軽にお問合せください。

詳細はこちらへ
小見出し

お気軽にお問合せください。

詳細はこちらへ
小見出し

お気軽にお問合せください。

詳細はこちらへ
小見出し

お気軽にお問合せください。

詳細はこちらへ
小見出し

お気軽にお問合せください。

詳細はこちらへ
小見出し

お気軽にお問合せください。

詳細はこちらへ
小見出し

お気軽にお問合せください。

詳細はこちらへ

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン

<div data-part-type="fullWidth">
    <div>
        <div class="t0-b-fullWidthFrameCard">
            <span><span><span></span></span></span>
            <div class="t0-b-fullWidthFrameCard__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                        </div>
                    </div>
                </div>

            </div>
            <div class="t0-b-fullWidthFrameCard__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMediaCardLandscape3col t0-b-twoColsMediaCardLandscape3col--colW-l t0-b-twoColsMediaCardLandscape3col--imgR">
                    <div class="t0-b-twoColsMediaCardLandscape3col__wrapper">
                        <div class="t0-b-twoColsMediaCardLandscape3col__row t0-b-twoColsMediaCardLandscape3col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape3col__row1col1 outerHtml" data-cms-path="data.contents.1">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape3col__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.2">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-topSpacingTweak-up-1s">
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-1 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape3col__colSpace t0-b-twoColsMediaCardLandscape3col__colSpace--colSpacing-"></div>
                        <div data-switchable-key="contents.3.switchable" class="t0-b-twoColsMediaCardLandscape3col__row t0-b-twoColsMediaCardLandscape3col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape3col__row1col3 outerHtml" data-cms-path="data.contents.4">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape3col__row1col4">
                                <div class="outerHtml" data-cms-path="data.contents.3">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-topSpacingTweak-up-1s">
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-1 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape3col__colSpace t0-b-twoColsMediaCardLandscape3col__colSpace--colSpacing-"></div>
                        <div data-switchable-key="contents.5.switchable" class="t0-b-twoColsMediaCardLandscape3col__row t0-b-twoColsMediaCardLandscape3col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape3col__row1col5 outerHtml" data-cms-path="data.contents.6">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape3col__row1col6">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-topSpacingTweak-up-1s">
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-1 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaCardLandscape3col__wrapper">
                        <div data-switchable-key="contents.7.switchable" class="t0-b-twoColsMediaCardLandscape3col__row t0-b-twoColsMediaCardLandscape3col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape3col__row2col1 outerHtml" data-cms-path="data.contents.8">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape3col__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.7">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-topSpacingTweak-up-1s">
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-1 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape3col__colSpace t0-b-twoColsMediaCardLandscape3col__colSpace--colSpacing-"></div>
                        <div data-switchable-key="contents.9.switchable" class="t0-b-twoColsMediaCardLandscape3col__row t0-b-twoColsMediaCardLandscape3col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape3col__row2col3 outerHtml" data-cms-path="data.contents.10">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape3col__row2col4">
                                <div class="outerHtml" data-cms-path="data.contents.9">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-topSpacingTweak-up-1s">
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-1 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape3col__colSpace t0-b-twoColsMediaCardLandscape3col__colSpace--colSpacing-"></div>
                        <div data-switchable-key="contents.11.switchable" class="t0-b-twoColsMediaCardLandscape3col__row t0-b-twoColsMediaCardLandscape3col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape3col__row2col5 outerHtml" data-cms-path="data.contents.12">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape3col__row2col6">
                                <div class="outerHtml" data-cms-path="data.contents.11">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-topSpacingTweak-up-1s">
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-1 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaCardLandscape3col__wrapper">
                        <div data-switchable-key="contents.13.switchable" class="t0-b-twoColsMediaCardLandscape3col__row t0-b-twoColsMediaCardLandscape3col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape3col__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape3col__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-topSpacingTweak-up-1s">
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-1 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape3col__colSpace t0-b-twoColsMediaCardLandscape3col__colSpace--colSpacing-"></div>
                        <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaCardLandscape3col__row t0-b-twoColsMediaCardLandscape3col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape3col__row3col3 outerHtml" data-cms-path="data.contents.16">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape3col__row3col4">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-topSpacingTweak-up-1s">
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-1 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="t0-b-twoColsMediaCardLandscape3col__colSpace t0-b-twoColsMediaCardLandscape3col__colSpace--colSpacing-"></div>
                        <div data-switchable-key="contents.17.switchable" class="t0-b-twoColsMediaCardLandscape3col__row t0-b-twoColsMediaCardLandscape3col__row--colSpacing-">
                            <div class="t0-b-twoColsMediaCardLandscape3col__row3col5 outerHtml" data-cms-path="data.contents.18">
                                <div class="t0-b-mediaObjFit">
                                    <img class="t0-b-mediaObjFit--img" src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
                                </div>

                            </div>
                            <div class="t0-b-twoColsMediaCardLandscape3col__row3col6">
                                <div class="outerHtml" data-cms-path="data.contents.17">
                                    <div>
                                        <div class="b-bPlacer-3s">
                                            <div class="t0-b-lv5H t0-b-lv5H--align- t0-b-lv5H--size-2" data-height-part="">
                                                <div class="t0-b-lv5H__main">
                                                    <div class="t0-b-lv5H__bd">
                                                        <div class="t0-b-lv5H__iconPlacer"><span class="t0-b-lv5H__icon"></span></div>
                                                        <h5 data-cms-path="data.contents.1">小見出し</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-leftSpacingTweak-">
                                        <div class="b-bPlacer-7s">
                                            <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                                <p>お気軽にお問合せください。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ex-topSpacingTweak-up-1s">
                                        <div class="b-bPlacer-4s">
                                            <div class="t0-b-navItem t0-b-navItem--size-1 t0-b-navItem--width- t0-b-navItem--align-" data-height-part="">
                                                <div data-cms-path="data.contents.0">
                                                    <span></span>
                                                    <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-fullWidthFrameCard__ft outerHtml" data-cms-path="data.contents.19">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゃゆゅよらりるれろわ・を・んアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤャユュヨララリルレロワ・ヲ・ン</p>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>